ajax请求
访问量:2181

本文中,主要是说说Jquery中ajax的使用,关于Javascript中ajax,可以查看我博客中之前写的一篇文章ajax从入门到深入精通。本文的内容主要围绕以下几个方面:

  • 设置ajax请求方法,如get或是post 

  • 传递数据

  • 控制http头信息

  • 接受数据以及错误处理

jQuery中ajax请求的方法如下:

jQuery.ajax( url [, settings ] )
参数描述如下
url
类型: String
一个用来包含发送请求的URL字符串。

settings
类型: PlainObject
一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用$.ajaxSetup()设置任何默认参数。看jQuery.ajax( settings )下所有设置的完整列表。其中,常见参数设置如下:
accepts: {mycustomtype: 'application/x-some-custom-type'} //设置请求头
type: 'post'   //设置请求方法
data: {'name':'dqs'}   //发送到服务器的数据
dateType:'json'    //设置从服务器返回你期望的数据类型
error:function(jqXHR, textStatus, errorThrown ){} //请求失败时调用此函数
success:Function(data, textStatus, jqXHR){}  //请求成功后的回调函数。
beforeSend:Fuction // 在发送请求之前调用,它接收jqXHR对象和settings作为参数对象

为了便于链式操作,从 jQuery 1.5 开始,$.ajax()返回的jqXHR对象 实现了 Promise 接口, 使它拥有了 Promise 的所有属性,方法和行为,提供了jqXHR.done、jqXHR.fail、jqXHR.always、jqXHR.then。
推荐使用的注意事项: jqXHR.success(), jqXHR.error(), 和 jqXHR.complete()回调从 jQuery 1.8开始 被弃用过时。他们将最终被取消,您的代码应做好准备, 从jQuery 3.0开始被删除,你可以使用jqXHR.done(), jqXHR.fail(), 和 jqXHR.always() 代替。

更多,相关描述,可以参考Jquery手册中ajax部分

案例一

通过ajax请求,获取www.findme.wang里面的内容,代码如下:

$.ajax({
  method: "POST",
  url: "http://www.findme.wang",
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  	alert( msg );
});
//当然你也可以采用下面一种写法
$.ajax({
  method: "POST",
  url: "http://www.findme.wang",
  data: { name: "John", location: "Boston" },
  success:function(data){alert(data)}
});



请在下面输入需要执行的语句