IE 在我打开开发人员工具之前不会加载 XML 内容
IE not loading XML content until I open Developer tools?
我有一个页面,它使用 jQuery AJAX get 请求从 XML 文件加载产品信息。这在FF和Chrome中效果很好,但是内容不会在IE中加载。但是,它将在打开开发人员窗口并刷新页面后加载数据!有谁知道为什么?
这是我的jQuery AJAX请求:
//Load the xml file
$.ajax({
type: "GET",
url: "xml/" + cat + ".xml",
dataType: ($.browser.msie) ? "text" : "xml",
success: function(data) {
alert('xml successfully loaded');
var xml;
if (typeof data == "string") {
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
//Get total number of products in the category
$(xml).find('dataroot').each(function() {
var pTemp = $(this).attr('count');
catName = $(this).attr('catTitle');
console.log(catName);
pTotal = Number(pTemp);
});
//Fill the correct entries onto the page
while (count<=pTotal) {
$(xml).find('product').each(function() {
if (count>lCounter && count<hCounter) {
var pName = $(this).find('ProductName').text();
var pImage = $(this).find('Photo').text();
var pCode = $(this).find('ProductCode').text();
var pDesc = $(this).find('WebDescription').text();
if (cat.substring(0,2)=='cs') {
var pPrice = $(this).find('PartyShackPrice').text();
} else { var pPrice = $(this).find('RRP').text(); }
var pSize = $(this).find('size').text();
var pLink = '<a href="item.html?'+cat+'-'+pCode+'">';
var pHTML = '<div id="'+pCode+'" class="box">';
pHTML += pLink + '<img src="images/SMALL_IMAGE/' + pImage + '" width="70" height"100" /></a>';
pHTML += '<div class="boxText">';
pHTML += pLink + '<div class="boxTitle">'+pName+'</div></a>';
pHTML += '<div class="boxDesc">'+pDesc+'</div>';
if (pSize !== 'Not Applicable') { pHTML += '<div class="boxSize">'+pSize+'</div>'; }
pHTML += '<div class="boxPrice">£'+pPrice+'</div>';
pHTML += pLink + '<div class="boxBuy"></div></a>';
pHTML += '</div></div>';
$("#products").append(pHTML);
}
count +=1;
});
}
//Work out the total number of pages the product list is split up into
if (pTotal%50==0) { pageTotal = pTotal/50; }
else { pageTotal = Math.floor(pTotal/50) + 1; }
console.log('pageTotal - ' + pageTotal);
//Show path of the current page
getPath(cat, catName, 0);
//Depending on page number show previous and next buttons and display product counter
if (pageTotal==1) { //page 1 and only one page
$("#prev").css("visibility", "hidden");
$("#next").css("visibility", "hidden");
$("#counter").append('1 - ' + pTotal + ' of ' + pTotal);
} else if ((pageNum==1) && (pageTotal!=1)) { //page 1 and multiple pages
$("#prev").css("visibility", "hidden");
$("#next").append('<a href="products.html?'+cat+'-'+(pageNum+1)+'">Next >></a>');
$("#counter").append('1 - 50 of ' + pTotal);
} else if ((pageNum==pageTotal) && (pageTotal!=1)) { //last page when theres more than 1 page
$("#next").css("visibility", "hidden");
$("#prev").append('<a href="products.html?'+cat+'-'+(pageNum-1)+'"><< Previous</a>');
$("#counter").append((((pageNum-1)*50)+1) + ' - ' + pTotal + ' of ' + pTotal);
} else { // a middle page
$("#next").append('<a href="products.html?'+cat+'-'+(pageNum+1)+'">Next >></a>');
$("#prev").append('<a href="products.html?'+cat+'-'+(pageNum-1)+'"><< Previous</a>');
$("#counter").append((((pageNum-1)*50)+1) + ' - ' + (pageNum * 50) + ' of ' + pTotal);
}
//Display page number
$("#currentPage").append(' ' + pageNum + ' of ' + pageTotal);
},
error: function() { alert('failure'); }
});
});
此外,IE 应该调用成功警报或错误警报,但在打开开发人员窗口并刷新页面之前,它都不会调用。
谢谢
我只是通过在 SO 主页上阅读您的问题标题就知道问题是什么。阅读问题中的代码可以确认这一点。您遇到的问题是线路console.log(catName);
IE(和其他一些浏览器(在打开开发人员窗口之前不会初始化console
对象。
在此之前,尝试使用 console
将返回 undefined
,并将导致脚本停止运行。
这里的第一课是不要在完成调试代码后将其留在程序中。对console
的调用应该只在测试程序时出现;当你用完它们时,把它们拿出来。
第二个教训是,如果确实需要在代码中包含console
调用,则应将它们包装在代码中,以便在尝试使用它之前检查console
是否存在。有许多方法可以做到这一点,从简单的if(console) {console.log(...);}
一直到编写自己的调试类。如何执行此操作取决于您,但通常最好以这种方式编写所有console
代码,即使您只是在进行一些调试,以避免您在这里遇到的那种问题。
希望有帮助。
让 jQuery 做它最擅长的事情。替换所有这些:
dataType: ($.browser.msie) ? "text" : "xml",
success: function(data) {
alert('xml successfully loaded');
var xml;
if (typeof data == "string") {
xml = new ActiveXObject("Microsoft.XMLDOM");
xml.async = false;
xml.loadXML(data);
} else {
xml = data;
}
...
有了这个:
dataType: "xml",
success: function(xml) {
alert('xml successfully loaded');
...
相关文章:
- 嵌套的引导选项卡未正确加载内容
- jQuery Mobile样式从另一个文件加载内容
- (Ajax)在不重新加载内容的情况下登录页面url
- 如何在网页加载时显示加载内容,并在页面完全加载时隐藏此内容
- 删除Ajax加载内容上的css类
- 使用AJAX加载内容后,音频不会播放
- 使用.load()-jQuery缓慢加载内容
- 启动选项卡ajax在加载页面时加载内容
- Jquery内容'再次加载内容后,s鼠标悬停不显示
- 使用 AJAX 动态持续加载内容
- 加载内容和 JavaScript 的 HTML 顺序
- jquery不会在IE中加载内容
- jCarousel通过Ajax动态加载内容
- 模式视图重新加载内容(启动MVC ASP.NET)
- 切换选项卡时加载内容
- 在没有新行的情况下调整td中的动态加载内容
- jQuery,函数中不需要重复执行函数,动态加载内容后
- jquery选项卡和js加载内容
- AJAX:使用AJAX加载内容后,Javascript函数将不起作用
- 使用jquery使用ajax加载内容