Fatal编程技术网
  • javascript/
  • Javascript 将数据从xml文件拉入html表

Javascript 将数据从xml文件拉入html表

javascript html xml parsing web-scraping

Javascript 将数据从xml文件拉入html表,javascript,html,xml,parsing,web-scraping,Javascript,Html,Xml,Parsing,Web Scraping,早上好/下午好 我是一个完全的新手与编码，我发现了一个基本的代码在线和修改它，以我的需要 我有一个每天更新价格和内容的XML提要，我想做的是创建一个包含描述、图像、价格和“buy here”链接的表 我已经设法做到这一点，但它拉整个饲料通过所有25000+项目，因为你可以想象这需要一段时间来打开所有的图片 我想能够做的是指定一个从中提取表的特定项 我要做的就是修改我的代码，这样我就可以选择一个产品并只显示那一行 html代码是： <!DOCTYPE html> <html>

早上好/下午好

我是一个完全的新手与编码，我发现了一个基本的代码在线和修改它，以我的需要

我有一个每天更新价格和内容的XML提要，我想做的是创建一个包含描述、图像、价格和“buy here”链接的表

我已经设法做到这一点，但它拉整个饲料通过所有25000+项目，因为你可以想象这需要一段时间来打开所有的图片

我想能够做的是指定一个从中提取表的特定项

我要做的就是修改我的代码，这样我就可以选择一个产品并只显示那一行

html代码是：

<!DOCTYPE html>
<html>
    <style>
        table,
        th,
        td {
            border: 5px solid black;
            border-collapse: collapse;
        }
        th,
        td {
            padding: 5px;
        }
    </style>
    <body>
        <table id="demo"></table>
        <script>
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    myFunction(this);
                }
            };
            xmlhttp.open("GET", "http://www.kimberskitchen.co.uk/files/theme/datafeed_274439.xml", true);
            xmlhttp.send();
            function myFunction(xml) {
                var i;
                var xmlDoc = xml.responseXML;
                var table = "<tr><th><H1>name</h1></th><th><h1>Price (£)</h1></th><th>    <h1>image</h1></th></tr>";
                var text, parser, xmlDoc;
                var x = xmlDoc.getElementsByTagName("prod");
                for (i = 0; i < x.length; i++) {
                    table += "<tr><td>" +
                        x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue +
                        "</td><td>" +
                        x[i].getElementsByTagName("buynow")[0].childNodes[0].nodeValue +
                        "</td><td align=center><a href = " +
                        x[i].getElementsByTagName("awTrack")[0].childNodes[0].nodeValue +
                        "  </a> Click here to buy product</td></tr>";
                }
                document.getElementById("demo").innerHTML = table;
            }
        </script>
    </body>
</html>


桌子
th，
运输署{
边框：5px纯黑；
边界塌陷：塌陷；
}
th，
运输署{
填充物：5px；
}
var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（this.readyState==4&&this.status==200）{
我的职能（本）；
}
};
open（“GET”http://www.kimberskitchen.co.uk/files/theme/datafeed_274439.xml“，对）；
xmlhttp.send（）；
函数myFunction（xml）{
var i；
var xmlDoc=xml.responseXML；
var table=“名称价格（英镑）图像”；
var-text，解析器，xmlDoc；
var x=xmlDoc.getElementsByTagName（“prod”）；
对于（i=0；i“是
http://www.kimberskitchen.co.uk
your own domain？否则，Ajax中的同源策略会出现问题。是的，xml文件与页面保存在同一个域中。现在该功能正常了，只需了解该页面在iPhone上不显示的原因。有关该功能在Apple设备上不起作用的任何帮助信息是
http://www.kimberskitchen.co.uk
您自己的域？否则，您将遇到Ajax中的同源策略问题。是的，xml文件与页面保存在同一个域中。现在该功能正常了，只需找出为什么该页面无法在iPhone上显示。关于为什么这在Apple设备上不起作用的任何帮助？