Javascript 无法从json响应在html页面上动态加载多行
我正在开发一个应用程序,在这个应用程序中,我希望使用JavaScript动态显示从数据库到html页面的行。这是我的函数-->Javascript 无法从json响应在html页面上动态加载多行,javascript,html,json,Javascript,Html,Json,我正在开发一个应用程序,在这个应用程序中,我希望使用JavaScript动态显示从数据库到html页面的行。这是我的函数--> 功能住宅(){ var id=localStorage.getItem(“uid”); $.ajax({ url:“http://localhost/codeigniter/index.php/api/residence_api/residenceCheck", 类型:“POST”, 数据:{ uid:id }, 数据类型:“json”, 成功:功能(数据){ var响
功能住宅(){
var id=localStorage.getItem(“uid”);
$.ajax({
url:“http://localhost/codeigniter/index.php/api/residence_api/residenceCheck",
类型:“POST”,
数据:{
uid:id
},
数据类型:“json”,
成功:功能(数据){
var响应=评估(数据);
如果(response.error==“1”){
$(“#errorMsg”).html(“+response.response+”);
}否则{
window.location=”http://localhost/codeigniter/index.php/residence";
var行=“”;
对于(变量i=0;i
当我点击按钮(residence)调用residence函数时,在加载页面时,我可以在html页面上看到生成的结果几秒钟,页面再次变为空白,没有输出。为什么会这样?
请帮忙。。。。。。
提前谢谢 它的成功必须如此:
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;
}
}
成功:函数(数据){
var响应=评估(数据);
如果(response.error==“1”){
$(“#errorMsg”).html(“+response.response+”);
}否则{
var行=“”;
对于(变量i=0;i
我认为window.location=“”;重要吗?为什么要删除它?…有什么具体原因吗?是否要重定向到此页面?如果它不是您进行ajax调用,而是将您的页面提交给这些值他们想领导并带来已经挂载的页面
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;
}
}