无法从json响应动态加载html页面上的多行

Question

我正在开发一个应用程序，我想使用JavaScript动态显示从数据库到html页面的行。收到的响应是json形式。 这是我的功能->

function residence() {
    var id = localStorage.getItem("uid");
    $.ajax({
        url: "http://localhost/codeigniter/index.php/api/residence_api/residenceCheck",
        type: "POST",
        data: {
            uid: id
        },
        dataType: "json",
        success: function (data) {
            var response = eval(data);
            if (response.error == "1") {
                $("#errorMsg").html("<div  class=\"message error\">" + response.response + ".</div>");
            } else {
                window.location = "http://localhost/codeigniter/index.php/residence";
                var rows = '';
                for (var i = 0; i < response.response.length; i++) {
                    rows += '<tr><td class="country">' + response.response[i].country + '</td><td                 class="state">' + response.response[i].state + '</td><td     class="city">' + response.response[i].city + '</td></tr>';
                }
                document.getElementsByTagName('table')[0].innerHTML += rows;
            }
        }
    });
}

当我点击button（residence）驻留函数被调用时，在加载页面时，我可以在html页面上看到生成的结果几秒钟，然后页面再次变为空白，没有输出。 为什么这样？ 请帮忙......提前谢谢.. !!

Answer 1

它的成功必须是这样的：

success: function (data) {
        var response = eval(data);
        if (response.error == "1") {
            $("#errorMsg").html("<div  class=\"message error\">" + response.response + ".</div>");
        } else {
            var rows = '';
            for (var i = 0; i < response.response.length; i++) {
                rows += '<tr><td class="country">' + response.response[i].country + '</td><td                 class="state">' + response.response[i].state + '</td><td     class="city">' + response.response[i].city + '</td></tr>';
            }
            document.getElementsByTagName('table')[0].innerHTML += rows;
        }
    }