原生JS的ajax處理json資料格式的非同步請求完整例子__js

//以post方式發送資料為例    function chuFa() { //html元素事件觸發的函數        var myXMLHttpRequest = null;        if (window.ActiveXObject) {            myXMLHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");        } else {            myXMLHttpRequest = new XMLHttpRequest();        }        var url = "xxx.php";        var data = "key=val"; //val一般是從某個html元素中取出的value值        myXMLHttpRequest.open("post", url, true);        myXMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded");        myXMLHttpRequest.onreadystatechange = function(){            if (myXMLHttpRequest.readyState == 4 && myXMLHttpRequest.status == 200) {                var res = myXMLHttpRequest.responseText;                var jsonObj = eval("("+res+")");                //接下來就可以使用jsonObj這個json對象取出其中的屬性值，做一些修改html元素value值等操作了。            }                }        myXMLHttpRequest.send(data);    }</script