服务器端响应的数据格式

  • 在真实的项目中，服务器端大多数情况下会以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>

java 服务端返回jsonp 服务器返回json_html

 app.js

app.get('/responseData',(req,res)=>{
    res.send({"name2":"zs"});
});