jQuery ajax 路由和过滤器使用说明
2011-08-02 00:00
621 查看
遗憾的是,我用到的一个遗留系统并没有做到这样。于是在客户端应用jQuery的ajaxPrefilter改造了一下调用方法。
使用比对
<html> <head> <title>ajaxPrefilter demo</title> </head> <body> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript"> var zoneAjaxUrl = '/ajax.php'; var zoneAjaxRoute = /\/ajax\/(\w+)\/(\w+)\/(\w+)(\?.*)?/; $.ajaxPrefilter(function( options, originalOptions, jqXHR ) { // console.log(options.url,'\n',originalOptions.url); var m = options.url.match(zoneAjaxRoute) if(m){ var routed = { dir : m[1], page : m[2], action : m[3], args : JSON.stringify(originalOptions.data) } options.url = zoneAjaxUrl+ (m[4]||''); options.data = $.param(routed); } }); var url = '/ajax/dir/page/action'; // var url = '/ajax/dir/page/action?a=1&b=2'; var url_jsonp = '/ajax/dir/page/action?callback=?'; // var url_jsonp = '/ajax/dir/page/action?a1=2&b1=3&diy_callback=?'; var data = { username: "abc@example.com", users : ['a','b'] } $.post(url,data); $.get(url,data); $.getJSON(url_jsonp,data); </script> </body> </html>
使用比对
// 改造之后 $.post('/ajax/dir/page/action',{page:1}) // 改造之前 $.post('/ajax.php',{ dir : 'dir', page : 'page', action : 'action', args : JSON.stringify({ page:1 }) });
相关文章推荐
- jQuery ajax 路由和过滤器使用说明
- 爱快路由工控机结合爱快AP h1设备使用说明
- jquery ajax实例应用使用说明
- LDAP过滤器使用说明(用户、组和容器的默认 LDAP 过滤器和属性)
- jQuery ajax 路由和过滤器
- MySQL时间字段究竟使用INT还是DateTime的说明
- PHP做Web开发的MVC框架(Smarty使用说明 )
- Python多线程中join函数与setDaemon函数使用说明
- html css float left与 float right的使用说明
- FCKeditor2.5使用说明
- Doskey命令使用说明
- VueJs路由跳转——vue-router的使用
- Jquery动画(animate)的使用及扩展说明
- DirectShow使用说明 分类: DirectX 2013-11-15 15:59 705人阅读 评论(0) 收藏
- VLC详细的使用说明以及配置说明综合示范实例精通VLC开发
- ctypes使用方法与说明
- iOS开发~CocoaPods使用详细说明
- node.js中的fs.rename方法使用说明
- JQuery中each()的使用方法说明
- node.js中的buffer.Buffer.byteLength方法使用说明