當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JSON响应
response.send(str)? ? ? ? ? ? ? 服務器發送的響應體
xhr.response? ? ? ? ? ? ? ? ? ? ? ? 客戶端接收的響應體
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JSON響應</title><style>#result{width:200px;height:100px;border:solid 1px #89b;}</style> </head> <body><div id="result"></div><script>const result = document.getElementById('result');//綁定鍵盤按下事件window.onkeydown = function(){//發送請求const xhr = new XMLHttpRequest();//設置響應體數據的類型xhr.responseType = 'json';//初始化xhr.open('GET','http://127.0.0.1:8000/json-server');//發送xhr.send();//事件綁定xhr.onreadystatechange = function(){if(xhr.readyState === 4){if(xhr.status >= 200 && xhr.status < 300){//// console.log(xhr.response);// result.innerHTML = xhr.response;// 1. 手動對數據轉化// let data = JSON.parse(xhr.response);// console.log(data);// result.innerHTML = data.name;// 2. 自動轉換console.log(xhr.response);result.innerHTML = xhr.response.name;}}}}</script> </body> </html>總結
- 上一篇： AJAX POST 请求
- 下一篇： Spring Security快速上手