Question

我正在尝试从网页中检索数据，然后将其显示在我的网页上，没什么好看的只是显示它以便可以阅读，但是我不知道该怎么做，这就是我到目前为止所拥有的（对不起，如果我没有正确完成格式化，我还是新手）：

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title> Night Out In Glasgow!!</title>
<link rel="stylesheet" type="text/css" href="StyleSheet.css">
<script src="pull.js"></script>
</head>
<body> 
    <form action = "">
        <p><button type = "button" onclick ="getData()">Get The Data</button>
        </p>
    </form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</body>

这是我的JS，它位于一个名为pull.js的单独文件中，我已将其链接到我的HTML中，希望这可以解决原始帖子中的任何混淆。

    /*jslint node: true, browser: true */

    "use strict";
    /*jslint node: true, browser: true */

    "use strict";

    function getData(){
        var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("POST","http://ratings.food.gov.uk/OpenDataFiles/FHRS776en- GB.xml");
        xmlhttp.onreadystatechange = checkData;
        xmlhttp.send(null);
        function checkData() {
           if(xmlhttp.status == 4){   
           if(xmlhttp.status == 200){
            //We've got a response
            alert(xmlhttp.responseXML);
             }
           }
           else{
               //Somethings went wrong
               alert("Error: " + xmlhttp.status + ": " +xmlhttp.statusXML);
                  }
                }
              }

Answer 1

按以下顺序尝试：

var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST","...");
xmlhttp.onreadystatechange = {
       if(xmlhttp.status == 4){   
       if(xmlhttp.status == 200){
       ...
};
xmlhttp.send();

Answer 2

我不确定您的情况，但相同的原始政策限制通过XMLHttpRequest检索的内容可以从具有不同来源的网站进行访问。去检查这个StackExchange answer

XMLHttpRequest可以获取要在网页

2 个答案: