如何从url内容中获取字符串的内容

时间:2017-11-06 11:57:32

标签: javascript html url

我有一个网址(示例:http://google.com),如何使用Javascript获取内容并将内容存储到创建的对象(String)。

示例html:

<html>
<head>
    <title>testing</title>
</head>
<body>
    <h1>testing1</h1>
    <h2>testing2</h2>
    <table>
        <tr>
            <th>Title1</th>
            <th>Title2</th>
        </tr>
        <tr>
            <td>testing3</td>
            <td>testing4</td>
        </tr>
    </table>
</body>
</html>

html内容为String:

<script>
var object = urlContent //MARK: urlContent will be html content 

console.log(urlContent);
//Result: <h1>testing1</h1><h2>testing2</h2><table><tr><th>Title1</th><th>Title2</th></tr><tr><td>testing3</td><td>testing4</td></tr></table>
</script>

1 个答案:

答案 0 :(得分:0)

您必须设置Access-Control-Allow-Origin标头才能使其正常工作。 示例代码

        function httpGet(theUrl) {
        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) { return xmlhttp.responseText; }
        }
        xmlhttp.open("GET", theUrl, true);
        xmlhttp.setRequestHeader('Access-Control-Allow-Origin', '*');
        xmlhttp.send();
    };

    httpGet('YOUR URL HERE');

该请求也应该是同一个域,或者您的服务器应该支持跨域请求。