ajax通过json传参

Ajax是一种利用JavaScript和XML（最近通常采用JSON）进行局部页面刷新的技术，通过异步请求数据并更新页面，可以提升页面的加载速度和用户体验。其中，JSON（JavaScript Object Notation）是一种常用的轻量级数据交换格式，也是Ajax中常用的数据格式之一。

//json格式的数据示例
{
  "name": "小明","age": 18,"gender": "男"
}

ajax通过json传参

在Ajax请求中，可以通过json格式的数据来传递参数。代码示例如下：

//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//打开请求
xhr.open('POST','http://www.example.com/api');
//设置请求头
xhr.setRequestHeader('Content-Type','application/json');
//设置响应类型
xhr.responseType = 'json';
//设置回调函数
xhr.onreadystatechange = function() {
  if(xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.response);
  }
}
//发送请求并传递参数
xhr.send(JSON.stringify({
  name: '小明',age: 18,gender: '男'
}));

上述代码中，通过调用XMLHttpRequest对象的open方法打开请求，并使用setRequestHeader方法设置请求头为application/json。然后，通过responseType属性将响应类型设置为json，回调函数中通过xhr.response获取响应结果。最后，使用JSON.stringify方法将参数转化为json格式的字符串，并通过send方法发送请求。

ajax通过json传参

相关文章