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

来源：互联网发布：网络安全法红头文件编辑：程序博客网时间：2024/05/22 14:45

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

0 0