原生JS的ajax处理json数据格式的异步请求完整例子

//以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