ajax获取遍历json数据库

AJAX 是一种在 Web 应用中创建交互式用户界面的技术。借助 AJAX 技术，Web 应用可以把请求发送到服务器，获取数据并更新页面上的部分内容，而无需通过一次页面刷新就可以实现与服务器的通信。

在 Web 开发中，JSON 数据库一种非常常见的数据存储方式。我们可以通过 AJAX 技术，获取 JSON 数据库中的数据，并在页面中遍历这些数据，达到不刷新页面的效果。

$.ajax({
    url: 'database.json',// 数据库文件的 URL
    type: 'GET',dataType: 'json',success: function(data){
        // 数据库中的数据
        var database = data;
        // 遍历数据库中的数据
        for(var i=0; i<database.length; i++){
            // 获取当前数据
            var item = database[i];
            // 使用 jQuery 创建 DOM 元素
            var row = $('<div>').addClass('row');
            var name = $('<p>').text(item.name);
            var age = $('<p>').text(item.age);
            // 把数据添加到 DOM 元素中
            row.append(name);
            row.append(age);
            // 把 DOM 元素添加到页面中
            $('body').append(row);
        }
    },error: function(jqXHR,textStatus,errorThrown){
        console.log(textStatus,errorThrown);
    }
});

上面的代码展示了如何使用 AJAX 技术获取 JSON 数据库中的数据，并在页面上遍历这些数据。我们首先发送一个 GET 请求，获取数据，并在请求成功后遍历数据，将数据添加到页面中。在这个过程中，我们使用了 jQuery 来方便地操作 DOM 元素。