ajax 接收json

code

<script type="text/javascript">
    // 获取的是一个 如果要获取多个
    // document.querySelectorAll(selector)
    document.querySelector("#btnJson").onclick = function () {
        var ajax = new XMLHttpRequest();
        ajax.open('get','myJson.php');
        ajax.send();
        ajax.onreadystatechange = function () {
            if (ajax.readyState==4&&ajax.status==200) {
                // json 字符串 是字符串 所以我们可以 通过  responseText获取
                console.log(ajax.responseText);
 
                // 转化为 js对象
                var jsObj = JSON.parse(ajax.responseText);
 
                console.log(jsObj);
 
                // 拼接ul s
                var str = '';
 
                str+='<ul>';
                str+='<li>'+jsObj.name+'</li>';
                str+='<li>'+jsObj.skill+'</li>';
                str+='<li>'+jsObj.friend+'</li>';
                str+='</ul>';
 
                // 设置到界面上
 
                document.body.innerHTML = str;
            }
        }
    }
</script>

json 字符串 <--> js 对象

JSON.parse()：将JSON字符串转化为 js 对象。例如：
// 将 JSON 字符串格式化为 js 对象
var jsObj = JSON.parse(ajax.responseText);
JSON.stringify()：将 JS 对象转化为JSON字符串。例如：
var Obj = {
     name: "fox",
     age: 18,
     skill: "撩妹"
};
console.log(Obj);
 
// 将 js 对象格式化为 JSON 字符串
var jsonStr = JSON.stringify(Obj);

 

参考：

https://www.cnblogs.com/qianguyihao/p/8485028.html

https://www.jb51.net/article/86157.htm