ajax ops 다운로드 -Ajax ajax ops 소스 코드 다운로드

ajax ops

웹사이트 데이터

1.0.0

다운로드

선언적 ajax 운영

JavaScript 코드의 한 줄이없는 단일 페이지 웹 응용 프로그램을 갖는 가장 쉬운 방법.

라이브 데모

데모 실행

데모는 정적 파일 일뿐입니다.이 디렉토리를 서버 문서 루트에 배치하거나 포트 8000에서 간단한 HTTP 서버를 시작한 다음 명령을 입력 한 다음 http : // localhost : 8000/index.html에서 브라우저를 가리킬 수 있습니다.

python -m SimpleHTTPServer

규칙

el - 돔 요소
$target target dom 요소의 jQuery 객체
하나가 될 수있는 where : closest , inside 또는 doc 전체를 의미합니다.
다음 중 하나가 될 수있는 how : prepend , append 또는 replace

선언적 사용

 < a data-toggle =" ajax-load " href =" /posts/today.json " data-target =" .posts " > my link </ a >
< button type =" button " data-toggle =" ajax-ops " > my button </ a >
< div class =" me " data-refresh-url =" /user/me.json " data-template =" user_info " > </ div >
< div class =" posts " data-template =" posts_titles " > </ div >
< div class =" posts " data-template =" full_posts " > </ div >

당신은 정의 할 수 있습니다

data-toggle
- ajax-load 페치 된 텍스트, HTML 컨텐츠 또는 순수한 데이터를 대상에 적용하십시오 (들)
- ajax-ops JSON OP 코드를 가져옵니다
- ajax-modal *에는 확장이 필요합니다
data-target 가져온 컨텐츠를 적용 할 수있는 선택기
data-url (때로는 href 또는 data-refresh-url 로 대체 할 수 있음)
data-template 순수한 데이터를 렌더링하는 데 사용할 템플릿
data-format text , html 또는 json 일 수 있습니다
data-how 다음 중 하나 일 수 있습니다 : prepend , append 또는 replace

템플릿은 JSON 객체를 취하고 HTML을 반환하는 기능입니다. 템플릿 엔진을 사용할 수 있지만 핸들 바가 제안합니다.

참조

ajax_ops.flashmsg({html:, text:, type:info|danger, selector:, base_target:$obj, where:closest|inside|''})
- 텍스트 또는 html 및 유형이 주어진 'flashmsg'라는 템플릿을 사용한 정보 또는 경고 상자 표시
- ajax_ops.flashmsg({text:'not found', type:'danger');
- ajax_ops.flashmsg.call(this, {text:'not found', type:'danger', selector:'.modal', where:'closest'});
- self.flashmsg_opts.selector .content:first 영향
onsubmit="return ajax_ops.submit_form(this, params);"
- params 선택 사항입니다
- params.target=$obj
- params.cb=function($target, data){}
ajax_ops.loads({html: CONTENT, text: CONTENT, data: JSON, template: NAME, el: ELEMENT, how: prepend|append|replace})
- html, 텍스트 또는 템플릿 데이터를로드하려면 도우미가 요소에 추가되거나 준비하는 옵션으로 요소에 있습니다.
ajax_ops.load({el:element, url:, how: prepend|append|replace, selector:, where:closest|inside|, })
ajax_ops.refresh(element|selector, params)
- params 선택 사항입니다
- params.where
- params.base_element
- ajax_ops.load 사용하고 how 와 같은 매개 변수를 받아들입니다
- 예제 ajax_ops.refresh('.me')
ajax_ops.exec_ops([ [op1, selector1, params1], [op2, selector2, params2],.. ])
- 운영이 될 수 있습니다
  - remove
  - refresh
  - load
  - attr {set:{k:v}, unset:[k1,k2]}
  - class {add:[], remove:[], toggle[]}
  - ajax_ops.ops['my_opcode']=function(el, params){} 추가하여 더 많은 작업으로 확장 할 수 있습니다.

참고 :

 // register templates
ajax_ops . templates = Handlebars . templates ;
// nice hack
Handlebars . partials = Handlebars . templates ;
// You might want to disable usual links behavior 
$ ( 'a[data-toggle]' ) . click ( function ( e ) { e . preventDefault ( ) } ) ;