AJAX JSON 实例 - runoops.com

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>AJAX JSON 实例 - runoops.com</title>
    <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) {
                    var myArr = JSON.parse(this.responseText);
                    myFunction(myArr)
                }
            }
            xmlhttp.open("GET", "//demo.runoops.com/ajax/json_ajax.json", true);
            xmlhttp.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
            xmlhttp.send();
        }
        function myFunction(arr) {
            var out = "";
            var i;
            for (i = 0; i < arr.length; i++) {
                out += '<a href="' + arr[i].url + '">' +
                    arr[i].title + '</a><br>';
            }
            document.getElementById("myDiv").innerHTML = out;
        }
    </script>
</head>

<body>

</body>

</html>