AJAX获取JSON数据

最新推荐文章于 2023-04-15 09:34:36 发布

xbronze

最新推荐文章于 2023-04-15 09:34:36 发布

阅读量271

点赞数

javascript 同时被 3 个专栏收录

9 篇文章 0 订阅

订阅专栏

json

2 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script>
            function loadXMLDoc()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {
                    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {
                    // IE6, IE5 浏览器执行代码
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
                xmlhttp.send();
            }
        </script>
    </head>
    <body>
        <div id="myDiv"><h2>使用 AJAX 修改该文本内容</h2></div>
        <button type="button" onclick="loadXMLDoc()">修改内容</button>
    </body>
</html>

运行结果：
点击按钮前
这里写图片描述

点击按钮后
这里写图片描述

代码摘自菜鸟教程

xbronze

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AJAX获取JSON数据

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest)
复制链接

扫一扫

专栏目录