首页前端开发其他前端知识ajax 传参为json数组

ajax 传参为json数组

时间2023-10-22 08:37:03发布访客分类其他前端知识浏览669
导读:AJAX 是一种前端技术,通过 JavaScript 和 XMLHttpRequest 对象实现无刷新页面的数据交互。在实际开发中,经常需要使用 JSON 格式传输数据。对于传输 JSON 数组数据,可以使用 AJAX 的 post 方法,...

AJAX 是一种前端技术,通过 JavaScript 和 XMLHttpRequest 对象实现无刷新页面的数据交互。在实际开发中,经常需要使用 JSON 格式传输数据。对于传输 JSON 数组数据,可以使用 AJAX 的 post 方法,并将数据转换成字符串再发送。

// 构造 JSON 数组数据var data = [  {
"name": "John", "age": 30}
,  {
"name": "Mary", "age": 25}
,  {
"name": "Tom", "age": 40}
    ];
    // 将 JSON 数组转换为字符串var jsonData = JSON.stringify(data);
    // 发送 AJAX 请求var xhr = new XMLHttpRequest();
    xhr.open('POST', 'url');
    xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 &
    &
 xhr.status === 200) {
        console.log(xhr.responseText);
  }
}
    ;
    xhr.send(jsonData);
    

在发送 AJAX 请求时,需要设置请求头的 Content-Type 为 application/json,告诉服务器发送的是 JSON 格式的数据。在接收到响应后,可以使用 JSON.parse() 方法将响应数据转换为 JSON 对象或数组。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: ajax 传参为json数组
本文地址: https://pptw.com/jishu/505636.html
ajax接收到的json css3 关闭按键

游客 回复需填写必要信息