使用JSONP从URL网页使用JavaScript获取源代码

Question

我正在尝试使用JSONP从URL网页获取源代码。 这是代码：

<script type="text/javascript">
var your_url = '';

$(document).ready(function(){
jQuery.ajax = (function(_ajax){

var protocol = location.protocol,
    hostname = location.hostname,
    exRegex = RegExp(protocol + '//' + hostname),
    YQL = 'http' + (/^https/.test(protocol)?'s':'') + '://query.yahooapis.com/v1/public/yql?callback=?',
    query = 'select * from html where url="{URL}" and xpath="*"';

function isExternal(url) {
    return !exRegex.test(url) && /:\/\//.test(url);
}

return function(o) {

    var url = o.url;

    if ( /get/i.test(o.type) && !/json/i.test(o.dataType) && isExternal(url) ) {
        // Manipulate options so that JSONP-x request is made to YQL

        o.url = YQL;
        o.dataType = 'json';

        o.data = {
            q: query.replace(
                '{URL}',
                url + (o.data ?
                    (/\?/.test(url) ? '&' : '?') + jQuery.param(o.data)
                : '')
            ),
            format: 'xml'
        };

        // Since it's a JSONP request
        // complete === success
        if (!o.success && o.complete) {
            o.success = o.complete;
            delete o.complete;
        }

        o.success = (function(_success){
            return function(data) {

                if (_success) {
                    // Fake XHR callback.
                    _success.call(this, {
                        responseText: data.results[0]
                            // YQL screws with <script>s
                            // Get rid of them
                            .replace(/<script[^>]+?\/>|<script(.|\s)*?\/script>/gi, '')
                    }, 'success');
                }

            };
        })(o.success);

    }

    return _ajax.apply(this, arguments);

};

})(jQuery.ajax);

$.ajax({
    url: your_url,
    type: 'GET',
    success: function(res) {
         var text = res.responseText;
         //document.getElementById("contenuto").innerHTML = text;

    alert(text);
}
});


});
</script>

我用警告打印了URL中的所有源代码。

alert(text);

首先，如何知道打印的代码是否是页面的所有Web代码？ 如果我尝试这样做

document.getElementById("contenuto").innerHTML = text;

结果是：

\ \ <'+'/ins>\ \ \ '); } ]]>

我试图使用HTML DOM仅打印一个元素，这样做

 document.getElementById("contenuto").innerHTML = text;
 var elem = text.getElementById("strip_adv").innerHTML;
 document.getElementById("contenuto_1").innerHTML = elem;

}

但这是JS控制台上的错误：

text.getElementById is not a function

回顾：我将使用JSONP从URL获取网页的源代码。 我将从返回的文本中使用HTML DOM，以仅保留我需要的元素/类。 我是JS的新手，我试图了解有关JS的更多信息。

Answer 1

getElementById（）仅存在于文档对象中。 您尝试做的是尝试从字符串对象访问getElementId。

相反，我建议在iframe中插入返回的html字符串，然后您可以访问iframe中的元素，否则可以在应用程序中使用某种html解析器。

可以说，在iframe中插入html字符串后，您的html看起来像这样

<body>
    <iframe id="one">
      <html>
        <body> <h1 id="strip_adv">Heading</h1> </body>
      </html
    </iframe>
</body>

function iframeObj( frameEle ) {
    return frameEle.contentWindow
        ? frameEle.contentWindow.document
        : frameEle.contentDocument
}

var element = iframeObj( document.getElementById('strip_adv') );

使用JSONP从URL网页使用JavaScript获取源代码

问题描述

1 个解决方案

解决方案1
0 2016-07-22 09:17:35

使用JSONP从URL网页使用JavaScript获取源代码

问题描述

1 个解决方案

解决方案1 0 2016-07-22 09:17:35

解决方案1
0 2016-07-22 09:17:35