ajax怎样调取json数据库

AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个页面的情况下，通过JavaScript与服务器进行数据交换的技术。在使用AJAX时，经常需要从JSON格式的数据库中提取数据。下面是一个简单的例子来演示如何使用AJAX调用JSON数据库。

<script>
var xmlhttp = new XMLHttpRequest();
var url = "example.json";

xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var myArr = JSON.parse(this.responseText);
        myFunction(myArr);
    }
};
xmlhttp.open("GET",url,true);
xmlhttp.send();

function myFunction(arr) {
    var out = "";
    var i;
    for(i = 0; i < arr.length; i++) {
        out += "<a href='" + arr[i].url + "'>" +
        arr[i].display + "</a><br>";
    }
    document.getElementById("example").innerHTML = out;
}
</script>

上面的代码定义了一个XMLHttpRequest对象，该对象用于向服务端请求 JSON 数据。在 xmlhttp.onreadystatechange 函数中，当请求返回状态为 4（请求已完成）并且状态码为 200（“OK”）时，调用 myFunction 函数。该函数解析 JSON 数据并将其用于创建一些HTML元素。

示例中的 myFunction 函数通过 for 循环，遍历 JSON 数据中的每个元素。可以看到，该函数使用 arr[i].url 和 arr[i].display 属性为每个元素创建了一个链接。最后，函数通过 document.getElementById("example").innerHTML = out 将所有链接添加到与 id 为 “example” 的HTML元素的 innerHTML 中。