手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery ajax 路由和过滤器使用说明
jQuery ajax 路由和过滤器使用说明
摘要:遗憾的是,我用到的一个遗留系统并没有做到这样。于是在客户端应用jQuery的ajaxPrefilter改造了一下调用方法。复制代码代码如下:...

遗憾的是,我用到的一个遗留系统并没有做到这样。于是在客户端应用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 路由和过滤器使用说明】相关文章:

jQuery实现返回顶部功能

jQuery获取页面元素绝对与相对位置的方法

jquery合并表格中相同文本的相邻单元格

jQuery页面的滚动位置scrollTop、scrollLeft

jQuery取消ajax请求的方法

jQuery实现文本展开收缩特效

JQuery中基础过滤选择器用法

jquery使用经验小结

JS或jQuery获取ASP.NET服务器控件ID的方法

jQuery实现强制cookie过期方法汇总

精品推荐
分类导航