ajax json和jsonp

JSON和AJAX是现代Web开发中经常使用到的技术，而JSONP则是在AJAX中也常用到的技术。它们都能够实现在Web页面上迅速地异步加载数据而不用刷新页面的功能。下面将对这几种技术进行简单的介绍。

AJAX

    function loadXMLDoc(){
        var xmlhttp;
        if (window.XMLHttpRequest){
            // code for IE7+,Firefox,Chrome,Opera,Safari
            xmlhttp=new XMLHttpRequest();
        }else{
            // code for IE6,IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function(){
            if (xmlhttp.readyState==4 && xmlhttp.status==200){
                document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET","/ajax/ajax_info.txt",true);
        xmlhttp.send();
    }

JSON

    let myObj = { "name":"John","age":31,"city":"New York" };
    let myJSON = JSON.stringify(myObj);
    window.location = "demo_json.PHP?x=" + myJSON;

JSONP

    function myFunc(myObj) {
        document.getElementById("demo").innerHTML = myObj.name;
    }