jQuery ajax 路由和过滤器使用说明
2018-10-12 13:55
357 查看
遗憾的是,我用到的一个遗留系统并没有做到这样。于是在客户端应用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中可见性过滤器简单用法示例
- jQuery中过滤器的基本用法示例
- JQuery的常用选择器、过滤器、方法全面介绍
- jQuery使用contains过滤器实现精确匹配方法详解
- jQuery可见性过滤器:hidden和:visibility用法实例
- JQuery选择器、过滤器大整理
- jQuery表单域属性过滤器用法分析
- Jquery 过滤器(first,last,not,even,odd)的使用
- 从jquery的过滤器.filter()方法想到的
- jQuery contains过滤器实现精确匹配使用方法
- jquery中通过过滤器获取表单元素的实现代码
- JQuery 选择器、过滤器介绍
- jQuery中内容过滤器简单用法示例
相关文章推荐
- jQuery ajax 路由和过滤器使用说明
- jquery ajax实例应用使用说明
- jQuery ajax 路由和过滤器
- LDAP过滤器使用说明(用户、组和容器的默认 LDAP 过滤器和属性)
- 爱快路由工控机结合爱快AP h1设备使用说明
- on_exit()函数使用说明
- GRUB基本使用说明
- /etc/ld.so.conf的使用说明
- Subverstion使用说明
- FCKeditor 2.6.5 ASP环境安装配置使用说明
- GSM模块SMS相关AT命令使用说明(转)
- VLC简介及使用说明
- libsvm使用说明
- SQL Server Profiler:使用方法和指标说明
- Valgrind 使用简单说明-转
- 异步套接字基础:select函数以及FD_ZERO、FD_SET、FD_CLR、FD_ISSET使用说明
- YinXiangMa_SDK_For_DotNet_V2.0接口开发者使用说明
- 如何使用一台手机和路由让整个办公室的人都能上网
- Linux系统下安装rz/sz命令及使用说明
- elk的使用说明