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 ( ) } ) ;