当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery ajax 动态append创建表格出现不兼容ie8

jQuery ajax 动态append创建表格出现不兼容ie8

2017年12月21日  | 移动技术网IT编程  | 我要评论

很多情况下，通过js（jQuery1.10）动态来创建一些样式，对页面的动态交互来说是很方便的

但是不同的浏览器针对动态生成的不是很兼容，在此遇见的不兼容ie8，跟各位分享下

代码：

json数据

data.json

[{"name":"ajax","job":"manong"},{"name":"js","job":"diaosi"}]

html页面

js文件

$document.ready(function(){

.ajax(function(){

type:"post",

url:"data.json",

success:function(data){

$(".ajaxappend tbody").append("");

$(".ajaxappend thead").append("name");

$(".ajaxappend thead").append("job");

$(".ajaxappend tbody").append("");

for(int i = 0,l = data.length; i

$(".ajaxappend tbody").append("");

for(var key in data[i]){

$(".ajaxappend tbody").append(""+data[i][key]+"");

}

$(".ajaxappend tbody").append("");

}

}

});

});


上面的效果在火狐下是能够正常动态生成出表格的

但是在ie8却不行，经过几次验证，推测，ie对动态append的内容有要求，需要将一个具有完整意义的html一起append到代码中


修改如下

$document.ready(function(){

.ajax(function(){

type:"post",

url:"data.json",

success:function(data){

var head="";

var body ="";

head = head + "namejob";

for(int i = 0,l = data.length; i

body = body + “";

for(var key in data[i]){

body = body + ""+data[i][key]+"";

}

body = body + "";

}

· $(".ajaxappend tbody").append(body);

}

});

});

这样ie8和火狐下都可以正常显示了


您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网