ajax返回json post 代码示例

vuekuangjia

温馨提示:这篇文章已超过247天没有更新,请注意相关的内容是否还可用!

ajax返回json post 代码示例

Ajax是一种用于在网页上进行异步数据交互的技术。它可以通过发送HTTP请求来与服务器进行通信,并在后台获取数据,而无需刷新整个页面。

下面是一个使用Ajax发送POST请求并返回JSON数据的示例代码:

var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象

var url = "http://example.com/api"; // 设置请求的URL

xhr.open("POST", url, true); // 使用POST方法打开与服务器之间的连接

xhr.setRequestHeader("Content-Type", "application/json"); // 设置请求头,指定数据格式为JSON

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) { // 当请求完成且响应状态为200时

var response = JSON.parse(xhr.responseText); // 解析服务器返回的JSON数据

// 处理返回的数据

console.log(response);

}

};

var data = { // 准备要发送的数据

name: "John",

age: 25

};

xhr.send(JSON.stringify(data)); // 发送请求并将数据转换为JSON字符串

在上述代码中,首先创建了一个XMLHttpRequest对象,然后设置了请求的URL和请求头。接着,通过设置`onreadystatechange`事件处理函数,当请求状态改变时执行相应的操作。当请求完成且响应状态为200时,通过`JSON.parse()`方法解析服务器返回的JSON数据,并进行相应的处理。

准备要发送的数据,并使用`JSON.stringify()`方法将数据转换为JSON字符串,然后通过`send()`方法发送请求。

文章版权声明:除非注明,否则均为莫宇前端原创文章,转载或复制请以超链接形式并注明出处。

取消
微信二维码
微信二维码
支付宝二维码