首页 > 代码库 > 原生ajax请求json数据

原生ajax请求json数据

2024-10-01 22:42:39   227人阅读

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<button id="bt1">点击获取json数据</button>

<script type="text/javascript">
    window.onload=function(){
        var bt1=document.getElementById("bt1");
        bt1.onclick=function(){
            //创建ajax对象，写兼容
            if(window.XMLHttpRequest){
                var xml=new XMLHttpRequest();
            }else{
                var xml=new ActiveXObject("Microsoft.XMLHTTP");
            };

            //设置发送数据的地址和方法
            xml.open("POST","json.php");

            //设置我们的请求头信息,post方法才写请求头
            xml.setRequestHeader("Content-type","application/x-www-form-urlencoded");

            //发送数据
            xml.send();
            
            //绑定onreadystatechange事件
            xml.onreadystatechange=function(){
                if(xml.readyState==4 && xml.status==200){
                    var data=http://www.mamicode.com/xml.responseText;"("+data+")");evel不存在兼容性问题，但是会有安全漏洞。
                    data=http://www.mamicode.com/JSON.parse(data);"";
                    str+="姓名:"+data.name+"<br>";
                    str+="年龄:"+data.age+"<br>";
                    str+="性别:"+data.sex;
                    document.body.innerHTML=str;
                };
            };

        };
    };
</script>
</body>
</html>

　　

原生ajax请求json数据


联系
我们