jQuery操作ajax

jQuery操作ajax

在传统的JavaScript中，需要使用XMLHttpRequest对象来进行异步加载数据，而在jquery中，使用load()方法就可以进行异步数据的功能

/* load来加载静态资源
url 页面地址
data 发送到服务器的数据
callback  加载成功后，执行的回调函数
*/
$("#divTip").load(url,[data],[callback])

对于前后端分离的应用来说，使用更多的是来获取服务器的数据

可以使用$.get()来进行get请求

$.get("api/get",
     {name:'zs'},
     function(data){
  
})

使用$.post()来进行post请求

$.post("api/post",
     {name:'zs'},
     function(data){
  
})

除了上述三个方法之外，还有一个底层的方法$.ajax()，可以很方便的实现上述三个方法的全部功能

$.ajax([options])

• url 地址
• type post/get，默认是get
• data 发送到服务器的数据
• dataType 服务器返回的数据类型，html、script、text、xml、json
• beforeSend 发送请求前修改XMLHttpRequest对象的函数，入参就是XMLHttpRequest对象，如果函数返回false，表示取消本次事件
• complete 请求完成后调用的回调函数，该函数无论数据发送成功还是失败都会调用，两个参数，一个是XMLHttpRequest对象，一个是strStatus
• success 请求成功后的回调函数，两个参数，一个是根据dataType处理后的服务器返回数据，另一个是strStatus
• error 请求失败后的回调函数，三个参数，一个是XMLHttpRequest对象，一个是出错信息strError，一个是捕捉到的错误对象strObject
• timeout 超时时间，毫秒
• global 是否响应全局事件，默认true
• async 是否为异步请求，默认true，为异步请求
• cache 是否进行页面缓存，true表示进行缓存