jQuery ajax理解

整理一下对jQuery ajax的理解:

1、ajax(异步的 JavaScript 和 XML),是在不重新加载整个页面的情况下与服务器交换数据并更新部分网页的技术,对提升网站性能、用户体验有很大的帮助。

2、简单易用的高层实现有:$.get, $.post;完整一点的实现:$.ajax

 1 $.ajax({
 2         url: "url", // 调用路径
 3         type: "post", // 请求方式
 4         async: false, // 同步请求,默认为true,若为false,表示用户其他操作必须等待请求完成才执行
 5         cache: false, // 缓存,默认为true
 6         contentType: "application/x-www-form-urlencoded", // 发送信息至服务器时内容编码类型,若编码类型有特殊要求,需改变,如json格式
 7         data: {foo:["bar1", "bar2"]}, // 发送到服务器的数据
 8         dataType: "json", // 服务器返回的数据类型(xml、html、script、json、jsonp、text)
 9         traditional: true, // 如果你想要用传统的方式来序列化数据,那么就设置为 true。在处理数组类型的数据时可使用
10         success: function (data) { // data为返回的数据
11             // 成功后回调函数
12         },
13         error: function (data) {
14             // 失败后回调函数
15         },
16         beforeSend: function (data) {
17             // 在发送请求之前调用,并且传入一个 XMLHttpRequest 作为参数
18         }
19     })

$.get, $.post大同小异,参数较少,是简化版的$.ajax

posted @ 2018-01-09 10:20  hongqingfu  阅读(262)  评论(0编辑  收藏  举报