javascript - 使用 jQuery 或 javascript 从 URL 获取元描述

Question

我想从 iframe 获取父页面的元描述，到目前为止我所做的是获取父页面的 url，将该 url 传递给 jquery 并尝试获取元描述，但它没有'不行，我的代码如下

<script type="text/javascript">
    function addToInterest() {
        var URL = parent.window.location;
        var Title = parent.document.getElementsByTagName("title")[0].innerHTML;
        var MetaDescription = "";
        var Img_Src = "";
        var metaDesc = $.get('http://myURL.com', function (data) {
            MetaDescription = $(data).find('meta[name=description]').attr("content");
            Img_Src = $(data).find('link[rel=image_src]').attr("href");
        });
        alert(MetaDescription);
        alert(Img_Src);
    }
</script>

但是在两个警报中，它都没有显示任何内容..我已经尝试过告诉 here 的方法

但没有成功。请提供任何示例代码......

问候:穆达西尔

Answer 1

$.get 是异步的。您的两个 alert 都是在 $.get 调用之后执行的，但此时 HTTP 请求可能仍在进行中。您需要将警报移动到回调函数内:

<script type="text/javascript">
    function addToInterest() {
        var URL = parent.window.location;
        var Title = parent.document.getElementsByTagName("title")[0].innerHTML;
        var MetaDescription = "";
        var Img_Src = "";
        var metaDesc = $.get('http://myURL.com', function (data) {
            MetaDescription = $(data).find('meta[name=description]').attr("content");
            Img_Src = $(data).find('link[rel=image_src]').attr("href");
            alert(MetaDescription);
            alert(Img_Src);
        });
    }
</script>

另请注意，您的代码将符契约(Contract)源策略。默认情况下，除了脚本之外，您无法动态加载放置在其他主机上的资源。