<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> window.onload=function(){ let aBtn=document.getElementById('btn'); aBtn.onclick=function(){ let xhr=new XMLHttpRequest(); xhr.open('get','data/2.txt',true); xhr.send(); xhr.onreadystatechange=function(){ if(xhr.readyState==4){ if(xhr.status==200){ alert('成功'); let json=null; try { json=JSON.parse(xhr.responseText); } catch (e) { json=eval('('+xhr.responseText+')'); } finally { console.log(11); } console.log(json); } } } } } </script> </head> <body> <input type="button" name="" value="提交" id="btn"> </body> </html>
1.接收响应数据：
xhr.responseText 文本数据
xhr.responseXML xml数据
2.eval——不安全
3.JSON
JSON.stringify {a: 12, b: 5} => "{"a": 12, "b": 5}"
JSON.parse "{"a": 12, "b": 5}" => {a: 12, b: 5}
JSON——不兼容
4.安全：
1.前台没有安全性；后台才有问题(sql注入)
2.xss——跨站脚本攻击
ajax不允许跨域
5.json标准格式：
1.key必须用引号包起来
2.双引号
{"a": 12, "name": 'blue'}