ajax接收请求

在现代Web开发中，Ajax（Asynchronous JavaScript and XML）被广泛应用于异步交互中，以实现页面的部分刷新，而不需要整个页面刷新。它基于浏览器内置的XMLHttpRequest对象，通过向服务器发送异步请求来获取数据，并将数据更新到页面。通过使用Ajax技术，我们可以改善用户体验，提高页面加载速度，减少对服务器的请求数量。

在使用Ajax接收请求时，我们经常需要在JavaScript中创建一个XMLHttpRequest对象，然后通过open()和send()方法发送请求。下面是一个简单的例子，演示如何通过Ajax向服务器发送GET请求，接收并处理服务器返回的数据：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//发送GET请求
m.smtshopping.cn("GET", "http://m.smtshopping.cn/api/data", true);
xhr.send();
// 监听请求状态变化
xhr.onreadystatechange = 函数() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var 响应 = xhr.responseText;
// 处理服务器返回的数据
控制台.log(响应);
} 别的 {
console.log("请求失败：" + xhr.status);
}
}
};

上面的代码中，我们首先通过new XMLHttpRequest()创建一个XMLHttpRequest对象，并使用open()方法指定请求方式(GET)，请求的 URL (http://m.smtshopping.cn/api/data) 以及是否发出异步请求 (true)。

然后我们使用 send() 方法发送请求。发送请求后，我们需要监听请求状态的变化，并通过onreadystatechange事件触发回调函数来处理返回的数据。当请求状态发生变化时，将会触发回调函数。

在回调函数中，我们首先检查readyState属性是否等于XMLHttpRequest.DONE，这意味着请求已完成。然后，可以通过status属性获取服务器返回的状态码。如果状态码为200，则表示请求成功。我们可以通过responseText属性获取服务器返回的数据。否则，我们可以根据状态码进行错误处理。

除了GET请求之外，我们还可以通过Ajax发送POST请求。 POST请求和GET请求的区别在于POST请求可以向服务器发送数据并接收服务器返回的结果。以下示例展示了如何通过 Ajax 向服务器发送 POST 请求并处理返回的数据：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//发送POST请求
m.smtshopping.cn("POST", "http://m.smtshopping.cn/api/data", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify({ 姓名: "约翰", 年龄: 30 }));
// 监听请求状态变化
xhr.onreadystatechange = 函数() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var 响应 = xhr.responseText;
// 处理服务器返回的数据
控制台.log(响应);
} 别的 {
console.log("请求失败：" + xhr.status);
}
}};

上面的代码中，我们通过setRequestHeader()方法将请求头的Content-Type设置为application/json，然后使用send()发送 带有 ​​JSON 数据的方法 POST 请求。在服务器端，我们可以通过读取请求体来获取POST数据并进行处理。