jQuery 中有一套专门针对AJAX的封装，功能十分完善

http://www.w3school.com.cn/jquery/jquery_ref_ajax.asp

$.ajax()

·常用选项参数介绍：

·url：请求地址

·type：请求方法，默认为get

·dataType：服务端响应数据类型

·contentType：请求体内容类型，默认application/x-www-form-ur lencoded’

data：需要传递到服务端的数据，如果GET则通过URL传递，如果POST则通过请求体传递

·timeout：请求超时时间

·beforeSend：请求发起之前触发

·success：请求成功之后触发（响应状态码200）

·error：请求失败触发

·complete：请求完成触发（不管成功与否）

<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> <script src=“js/jquery-1.12.4.min.js”></script> <script> // $.ajax() // 参数是一个 配置的对象 console.log($.ajax()) $.ajax({ url: “http://localhost:3000/posts“, type: “get”, dataType: “json”, data: {“id”: 2}, beforeSend: function (xhr) { console.log(“before send”); console.log(xhr); }, success: function (data) { console.log(data); }, // error: function (xhr) { // console.log(xhr); // }, // complete: function (xhr) { // console.log(xhr); // } }); </script> </head> <body> </body> </html>