ajax ops下載-AJAX ajax ops源代碼下載

ajax ops

網站數據

1.0.0

下載

聲明性的Ajax操作

您最簡單的方法是擁有一個沒有JavaScript代碼的單行Web應用程序。

現場演示

運行演示

該演示只是靜態文件，您可能需要將此目錄放在服務器文檔root中，或者僅鍵入以下命令，該命令將在端口8000上啟動簡單的http服務器，然後將瀏覽器指向http：// localhost：8000/index.html

python -m SimpleHTTPServer

會議

el -DOM元素
$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|''})
- 使用稱為“ flashmsg”的模板顯示信息或警告框給定文本或HTML，然後鍵入
- 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 ( ) } ) ;