Javascript 通过jquery使用xml内容更新html div
我的头撞在奶酪磨碎机上已经有一段时间了。我为我的网站添加了一个组件,用于添加一个与html中硬编码的div一起工作的新闻代码 不带xml的工作新闻代码: 我希望更新它,这样用户就可以更新内容,而无需担心通过xml文件更改html;div需要一个活动的类才能显示在股票代码上Javascript 通过jquery使用xml内容更新html div,javascript,jquery,html,xml,Javascript,Jquery,Html,Xml,我的头撞在奶酪磨碎机上已经有一段时间了。我为我的网站添加了一个组件,用于添加一个与html中硬编码的div一起工作的新闻代码 不带xml的工作新闻代码: 我希望更新它,这样用户就可以更新内容,而无需担心通过xml文件更改html;div需要一个活动的类才能显示在股票代码上 <div class="newsTicker active">Latest News updates/ticker 1</div> <div class="newsTicker">Lates
<div class="newsTicker active">Latest News updates/ticker 1</div>
<div class="newsTicker">Latest News updates/ticker 2</div>
etc....
如果您要取回xml文档,这可能会起作用:
function myFunction(xmlhttp, test) {
var x, i, xmlDoc, feed;
xmlDoc = xml.responseXML;
feed = "";
i = 0;
$('STATUS',xml).each(function() {
feed = $(this).find('UPDATE').text();
if (i == 0){
html = html + '<div class="newsTicker active">' + feed + '</div>'
} else {
html = html + '<div class="newsTicker">' + feed + '</div>'
}
i++
});
$('.newsContent').html(html);
}
function myFunction(xmlhttp,test){
变量x,i,xmlDoc,feed;
xmlDoc=xml.responseXML;
feed=“”;
i=0;
$('STATUS',xml){
feed=$(this.find('UPDATE').text();
如果(i==0){
html=html+“”+feed+“”
}否则{
html=html+“”+feed+“”
}
我++
});
$('.newcontent').html(html);
}
我已经解决了阅读文档时的主要问题。显然ie和chrome不喜欢在本地pc上运行代码“new XMLHttpRequest();”进行测试。在firefox中运行相同的代码会产生正确的响应和状态
多谢杰里米,多谢你。在切换浏览器进行验证和测试后,我能够正确地完成通话和阅读…你的手机真是个救命稻草 因此,事实证明,您引导我进入了根本原因,我没有连接到xml文件xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4&&xmlhttp.status==200){alert('succes');}else{alert('failure);};xmlhttp.open(“GET”,“newsFeed.xml”,true);xmlhttp.send();};根据xmlhttp.open行的位置,显示我正在获得就绪状态0或1我哪里出错了?????
$(document).ready(function () {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
alert(success);
} else {
alert(failed to get file);
};
xmlhttp.open("GET", "newsFeed.xml", true);
xmlhttp.send();
};
function myFunction(xmlhttp, test) {
var x, i, xmlDoc, feed;
xmlDoc = xml.responseXML;
feed = "";
i = 0;
$('STATUS',xml).each(function() {
feed = $(this).find('UPDATE').text();
if (i == 0){
html = html + '<div class="newsTicker active">' + feed + '</div>'
} else {
html = html + '<div class="newsTicker">' + feed + '</div>'
}
i++
});
$('.newsContent').html(html);
}