jquery1.4教程二——ajax方法的改进

liuxiaohan63

liuxiaohan63

2016-02-19 13:48

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的jquery1.4教程二——ajax方法的改进,过去的都会过去,迎接崭新的开始,释放更美好的自己。

1 允许序列化嵌套的参数。
比如:{foo: ["bar", "baz"]} 将被序列化成foo[]=bar&foo[]=baz,而不是序列化成以前的foo=bar&foo=baz。

如果你想要使用旧的序列化方式,有三种设置方法:
 

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

代码如下:
jQuery.ajaxSettings.traditional = true;
jQuery.param( stuff, true );
$.ajax({ data: stuff, traditional: true });

2 自动检测json和javascript的数据类型。
1.4后返回json或javascript可以不用设置dataType 了,将会根据application/json或application/x-javascript自动判断类型。但后台返回的数据类型务必指定。

3支持添加html头信息。
$.ajax()新增一个属性ifModified: true ,设置为true,可以有效利用浏览器缓存(目前我还有试过其效果。)

4使用原生的JSON.parse,来解析json。
1.4会对ajax返回回来的json进行合法性验证,错误的json格式将不予解析,比如{foo: "bar"}。

5 $.serialize()序列化表单时,现在可以序列化html5的表单元素。
相当的与时俱进,html5我还没认真看过..

6 留意新增一个全新属性Context,非常有用处
Context的出现真是太及时了,Context会简化你的ajax请求。Context的作用是你可以自定义上下文,也就是指定ajax中回调函数的this。来看代码:
 

代码如下:


jQuery.ajax({
url: "test.html",
context: document.body,
success: function(){
jQuery(this).addClass("done");
}
});

代码success回调函数中的this将指向document.body

7 显式设置content-type
在1.4以前,如果你没有设置参数data,$.ajax()会忽略contentType 这个参数的值,1.4contentType在ajax请求时都要发送。

8 你可以指定JSONP的回调函数名
9 默认不允许跨域请求

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

jquery1.4教程二——ajax方法的改进

Web开发
jquery1.4教程二——ajax方法的改进

jquery1.4教程三——新增方法教程

Web开发
jquery1.4教程三——新增方法教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery1.4教程——便利的设置函数

Web开发
jquery1.4教程——便利的设置函数

JQuery 1.4 中的Ajax问题

Web开发
JQuery 1.4 中的Ajax问题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jquery1.4后 jqDrag 拖动 不可用

Web开发
jquery1.4后 jqDrag 拖动 不可用

jquery $.ajax入门应用二

Web开发
jquery $.ajax入门应用二

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

从数据行入手保护SQL Server数据安全

从数据行入手保护SQL Server数据安全

excel2010怎么批量删除超链接

excel2010怎么批量删除超链接
下拉加载更多内容 ↓