javascript从在线链接获取html文件

Question

我想使用 xmlhttprequest 和 javascript 调用 html 在线链接，这是我的代码 但是当代码到达 xmlhttp.open 时它停止并且不会继续执行

function loadXMLDoc(size,downloadfromurl) {
    var xmlhttp;

    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    } else {
        // code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function () {

        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var temp = xmlhttp.responseText;

        }
    }

    xmlhttp.open("GET", "http://app.arsel.qa/mobileappspeedtest/samples/256.htm?n=" +  Math.random(), false);

    xmlhttp.send(null);

}

Answer 1

您可以使用 JSONP 来克服跨域障碍。

$.ajax({
  type:'GET',
  dataType:'jsonp',
  jsonp: "jsonp",
  url:"http://yoururl.com?callback=callbackFunction"
});


function callbackFunction(data){
  //you can process the data here
  console.log(date)
}

Answer 2

您正在做的是对该页面的实际 AJAX 请求。 出于安全原因，默认情况下不允许跨域 AJAX 请求。 但是，有几种方法可以执行跨域请求，您可以看看 jQuery 是如何做到的，这样您就不必使用纯 JavaScript 重新发明轮子了。 This article 应该会有所帮助。

无论如何，如果你真的想爬取那个页面，有大量的开源库用于服务器端脚本语言，如 Java、PHP、Node.js 等，它们在收集内容、解析 HTML 等方面非常有用开，取决于你的需要。