AJAX是一种异步传输技术,可以通过JavaScript等前端语言向后端服务器发送请求并接收响应,实现局部页面刷新,提高用户体验。而传递JSON格式数据可以减小数据传输的大小,提高数据传输效率。
//使用AJAX传递JSON数据的示例代码 var data = {name: "张三",age: "18"}; var jsonData = JSON.stringify(data); //将数据转换成JSON字符串 var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var response = JSON.parse(xhr.responseText); //将服务器返回的JSON字符串解析为对象 console.log(response); //输出服务器返回的数据 } } xhr.open("POST","http://example.com",true); xhr.setRequestHeader("Content-type","application/json"); xhr.send(jsonData); //将JSON字符串作为请求体发送
在示例代码中,首先将要发送的数据对象转换成JSON字符串,然后使用XMLHttpRequest对象发送POST请求到指定的服务器地址,并设置请求头的Content-type为application/json。最后将JSON字符串作为请求体发送。服务器可以通过解析请求体中的JSON字符串获取客户端发送的数据,并向客户端发送处理结果。