jquery ajax使用及文档

1、执行AJAX请求

通过 ajax() 方法，执行 AJAX 请求。

• “type”:“post”：设置 AJAX 请求类型为POST。
• “url”:“res/jquery/php/user.php”：设置 AJAX 请求的 URL 地址。
• “data”:{“userName”:“林俊杰”}：设置 AJAX 将要发送到服务器的数据。
• “dataType”:“json”：设置服务器响应的数据类型为 JSON 类型。
• “error”:function(){…}：设置 AJAX 请求失败时，将要执行的函数。
• “success”:function(data){…}：设置 AJAX 请求成功时，将要执行的函数。data为服务器响应数

示例代码

$.ajax({
	url: "xxxx",            // 路径
    type: "get"||"post",   // 请求格式
	method: "get"||"post", // 请求格式
  // 本质上type与method两个配置项是没有区别的，区别在于两者出现的时间不同，
  // 1.9.0版本出的method
  // type对于目前jQuery的版本全部兼容，
	async:true||false,     // 布尔值，表示请求是否异步处理。默认是true。
	timeOut:1000,          // 设置本地的请求超时时间（以毫秒为单位）。
	data:data,             // 规定要发送到服务器的数据。
  // data:{name:'小明',age:18}
	dataType:'json',       // 预期服务器返回的数据类型
	headers:{}              // 设置请求头
    //  headers: {
        // 'Content-Type ' = "application/json; charset=utf-8"
    // },
	success:function(data){
	},
	error:function(data){
	},
	beforeSend:function(xhr,r){
		xhr.setRequestHeader({}) //自定义头部信息
	},
	complete:function(){}
	})
// json字符串转为json对象
// console.log(JSON.parse(jsonStr))
// json对象转为json字符串
// var str = JSON.stringify(jsonObj)

GET、POST简写形式

// 简写get请求
$.get('js/data.json', { name: 'tom', age: 19 }, function (data) {
  // 请求成功业务逻辑
  console.log(data);
});
// 简写post请求
$.post('url',
  {
    username: $("#username").val(),
    password: $("#password").val()
  },
  function (data) {
    // 请求成功业务逻辑
    console.log(data);
  });

post提交form表单格式

'Content-Type'  = 'application/x-www-form-urlencoded'
 json(默认)
 'Content-Type ' = "application/json'
上传文件
 'Content-Type ' = 'multipart/form-data'
文本
 'Content-Type'  = 'text/ xml'

jQuery 调用 ajax 方法
格式：$.ajax({});
参数：
type：请求方式GET/POST
url: 请求地址 url
async：是否一步，默认是 true 表示异步
data：发送到服务器的数据
dataType：预期服务器返回的数据类型
contentType：设置请求头
success：请求成功时调用此函数
error：请求失败时调用此函数

2、ajax() 方法，更多参数设置：

参数	说明
async	布尔值，表示请求是否异步处理。默认是true。
beforeSend(Function)	发送请求前运行的函数。
cache	布尔值，表示浏览器是否缓存被请求页面。默认是true。
complete(Function)	请求完成时执行的函数（在请求成功或失败之后均调用）。
contentType	发送数据到服务器时所使用的内容编码类型。
data	规定要发送到服务器的数据。
dataType	服务器响应的数据类型。
error(Function)	请求失败时执行的函数。
global	global 布尔值，规定是否为请求触发全局AJAX事件处理程序。默认是true。
ifModified	布尔值，仅在服务器数据改变时获取新数据，默认是false。
jsonp	在一个jsonp请求中重写回调函数的名字。
jsonpCallback	为jsonp请求指定一个回调函数名。
password	规定在HTTP访问认证请求中使用的密码。
username	规定在HTTP访问认证请求中使用的用户名
processData	布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是true。
scriptCharset	规定请求的字符集。
success(Function)	请求成功时执行的函数。
timeout	timeout 设置本地的请求超时时间（以毫秒为单位）。
type	规定请求的类型（GET或POST）。
url	规定请求的URL地址。默认是当前页面。