js获取json数据以表格形式显示在火狐浏览器中可以但是在ie里就不行了，下面代码
<!DOCTYPEhtml><htmllang="en"><head><title>test</title><metahttp-equiv="Content-Type"c...
<!DOCTYPE html>
<html lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../assets/js/jquery-1.7.1.js" language="javascript"></script>
<style>
#tables tr td{
border:1px #999 solid;}
#inTable tr td{
border:0px;}
#inTable{
width:900px;}
</style>
</head>
<body>
<table class="table" id="tables" style="border:2px #999 solid;" cellpadding="10px" cellspacing="0">
</table>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url : "./zy_data.json",
type:'POST',
dataType:'json',
success : function(data){
$(data.result.help_catelogs).each(function(index,dt){
//var tables= $("#tables")[0];
var tables= document.getElementById("tables");
var allTr = $("<tr></tr>").appendTo(tables);
var td01 = $("<td></td>").appendTo(allTr);
$(td01).attr("id",index);
$(td01).html(dt.catelog);
var td02 = $("<td></td>").appendTo(allTr);
var inTable = $("<table class='table'></table>");
$(inTable).attr("id","inTable").appendTo(td02);
$.ajax({
url : "./zy.json",
type:'POST',
dataType:'json',
success : function(data){
$(data.result.helps).each(function(i,dtN){
if(dtN.catelog == dt.catelog){
var trTwo = $("<tr></tr>").appendTo(inTable);
var td03 = $("<td></td>").appendTo(trTwo);
$(td03).attr("width","45%");
$(td03).html("<a href='"+dtN.detail+"'>"+dtN.comment+"</a>");
var td05 = $("<td></td>").appendTo(trTwo);
$(td05).attr("width","10%");
$(td05).html(dtN.method);
var td06 = $("<td></td>").appendTo(trTwo);
$(td06).attr("width","35%");
$(td06).html(dtN.pattern);
var td07 = $("<td></td>").appendTo(trTwo);
$(td07).attr("width","10%");
$(td07).html(dtN.type);
}
});
}
});
});
}
});
});
</script> 展开
<html lang="en">
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="../assets/js/jquery-1.7.1.js" language="javascript"></script>
<style>
#tables tr td{
border:1px #999 solid;}
#inTable tr td{
border:0px;}
#inTable{
width:900px;}
</style>
</head>
<body>
<table class="table" id="tables" style="border:2px #999 solid;" cellpadding="10px" cellspacing="0">
</table>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$.ajax({
url : "./zy_data.json",
type:'POST',
dataType:'json',
success : function(data){
$(data.result.help_catelogs).each(function(index,dt){
//var tables= $("#tables")[0];
var tables= document.getElementById("tables");
var allTr = $("<tr></tr>").appendTo(tables);
var td01 = $("<td></td>").appendTo(allTr);
$(td01).attr("id",index);
$(td01).html(dt.catelog);
var td02 = $("<td></td>").appendTo(allTr);
var inTable = $("<table class='table'></table>");
$(inTable).attr("id","inTable").appendTo(td02);
$.ajax({
url : "./zy.json",
type:'POST',
dataType:'json',
success : function(data){
$(data.result.helps).each(function(i,dtN){
if(dtN.catelog == dt.catelog){
var trTwo = $("<tr></tr>").appendTo(inTable);
var td03 = $("<td></td>").appendTo(trTwo);
$(td03).attr("width","45%");
$(td03).html("<a href='"+dtN.detail+"'>"+dtN.comment+"</a>");
var td05 = $("<td></td>").appendTo(trTwo);
$(td05).attr("width","10%");
$(td05).html(dtN.method);
var td06 = $("<td></td>").appendTo(trTwo);
$(td06).attr("width","35%");
$(td06).html(dtN.pattern);
var td07 = $("<td></td>").appendTo(trTwo);
$(td07).attr("width","10%");
$(td07).html(dtN.type);
}
});
}
});
});
}
});
});
</script> 展开
2个回答
展开全部
尊敬的用户，您好！很高兴为您答疑。
以json数据为数据源，有且仅有一种情况下会造成显示差异，就是在您的json数据中包含有特殊字符，如“\n”换行符之类的，从浏览器输出纯数据很难直接观察到这类字符的存在，但是在数据解析时因为换行而导致无法找到关闭符即造成数据解析失败，而对该类问题，火狐和IE的敏感度不同，最终造成了您所遇到的问题。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
以json数据为数据源，有且仅有一种情况下会造成显示差异，就是在您的json数据中包含有特殊字符，如“\n”换行符之类的，从浏览器输出纯数据很难直接观察到这类字符的存在，但是在数据解析时因为换行而导致无法找到关闭符即造成数据解析失败，而对该类问题，火狐和IE的敏感度不同，最终造成了您所遇到的问题。
希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
