Ajax--处理服务器端返回的JSON数据
服务器端响应的数据格式
- 在真实的项目中,服务器端大多数情况下会以JSON对象作为响应数据的格式。当客户端拿到响应数据时,要将JSON数据和HTML字符串进行拼接,然后将拼接的结果展示在页面中。
- 在http请求与响应的过程中,无论是请求参数还是响应内容,如果是对象类型,最终都会被转换为对象字符串进行传输。
JSON.parse()//将json字符串转换为json对象
a.html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var xhr=new XMLHttpRequest(); 10 xhr.open('get','http://localhost:3000/responseData'); 11 xhr.send(); 12 xhr.onload=function(){ 13 console.log("1 "+xhr.responseText)//{"name":"zs"} 14 console.log("2 "+typeof xhr.responseText)//string类型 15 16 var responseText3=JSON.parse(xhr.responseText)//将JSON字符串转换为JSON对象 17 console.log("3 "+responseText3)//[object Object] 18 19 var str='<h2>'+responseText3.name2+'</h2>' 20 document.body.innerHTML=str; 21 } 22 </script> 23 </body> 24 </html>
app.js
app.get('/responseData',(req,res)=>{ res.send({"name2":"zs"}); });