最近在学习前端，今天学到了使用ajax请求参数为json的方法，觉得很有用，现在和大家分享一下。
什么是ajax？ajax全名为“Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）”，它是一种在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。ajax最常用的是XMLHttpRequest对象。使用ajax请求数据的好处是可以做到页面不刷新，轻松实现异步操作。
在前后端分离的开发中，如何传递数据是一个很重要的问题。json是一种轻量级的数据交换格式，它具有易读性、易解析、易扩展的特点。因此在前后端数据交互中，json是目前最流行的数据格式之一。
//准备发送的json对象
var sendJson = {
"username": "Amy","password": "123456"
};
//创建XMLHttpRequest对象
var xhr = new XMLHttpRequest();
//设置请求方式和URL
xhr.open("POST","/login");
//设置为发送json数据
xhr.setRequestHeader("Content-type","application/json;charset=utf-8");
//处理返回数据
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
//请求成功，处理返回数据
var respJson = JSON.parse(this.responseText);
console.log(respJson);
}
}
//发送请求
xhr.send(JSON.stringify(sendJson));
上面的代码中，我们首先准备了一个需要发送的json对象，然后创建了XMLHttpRequest对象，并设置请求方式和URL。接着我们设置为发送json数据，并指定编码方式为UTF-8。在处理返回数据时，我们将返回数据解析为json对象，并进行处理。最后将该json对象作为字符串发送到服务器。
总结一下，使用ajax请求参数为json可以轻松实现前后端数据交互，现在我们已经掌握了这种方法，希望可以在实际开发中灵活运用。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
