微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax 传送 json数组

AJAX和JSON是Web开发中非常常用的两个技术,它们的配合使用可以极大地方便Web应用程序的开发和学习。AJAX是异步JavaScript和XML,而JSON则是JavaScript对象的一种简单表示法。在Web开发中,我们经常需要使用AJAX来传递数据,JSON数组是一种非常常见的数据格式,下面我们来看看如何使用AJAX传送JSON数组:

var data = [{"name": "张三","age": 20},{"name": "李四","age": 30}];
// 序列化JSON数组
var jsonStr = JSON.stringify(data);
// 新建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 设置请求方法和URL
xhr.open("POST","http://example.com/jsonData",true);
// 设置请求头
xhr.setRequestHeader("Content-Type","application/json");
// 发送数据
xhr.send(jsonStr);
// 监听请求完成事件
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 处理返回结果
        var result = xhr.responseText;
        console.log(result);
    }
}

ajax 传送 json数组

以上是一个简单的例子,我们首先序列化JSON数组,然后使用AJAX发送请求,并设置请求头为"application/json",以告诉服务器我们发送的是JSON数据。请求发送成功后,我们监听请求完成事件,判断请求状态和响应状态码,如果都符合条件,则处理返回结果。

需要注意的是,由于AJAX是异步的,所以在发送请求之后并不会立即得到结果,我们需要在请求完成之后才能获取到返回结果,因此在代码中监听了XMLHttpRequest的onreadystatechange事件。

总之,AJAX和JSON是Web开发中非常有用的技术,它们的灵活运用可以大大方便我们的开发和学习。希望以上代码和说明对于大家有所帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐