博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

ajax

Posted on 2017-02-15 10:10  程序员入门到放弃  阅读(185)  评论(0)    收藏  举报 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    </style>
</head>
<body>
    <div id="div">钱钱钱钱钱钱钱钱钱111</div>
    <button id="btn">更新</button>

    <script>
        var div = document.getElementById("div");
        var btn = document.getElementById("btu");
        //var obj = {}

        btn.onclick = function(){
            abc();
        }

    function abc(){

        //XMLHttpRequest对象
        var nim = new XMLHttpRequest();//创建一个ajax的对象

        //open添加方法
        nim.open("get","text.json",true);//请求链接/文件text.json
        //console.log(text.json)
        
        nim.onreadystatechange = function(){//绑定一个监听事件

            if(nim.readyState == 4 && nim.status == 200){
                //console.log(readyState)
                var en = nim.responseText;

                var obj = json.parse(en);

                div.innerHTML = obj.text;
            }

        }

        nim.send(null);

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

{
"text" : "价格恢复国家和交换机和国家"
}

{
"text" : "价格恢复国家和交换机和国家"
}