使用另一个域上另一个页面的字段值填充字段

Question

我正在尝试创建一个字段，该字段将从位于另一个域的另一个页面上的另一个字段中提取值。

有 2 个字段：#div-one（在第一页）和 #div-two（在第二页）

有两个页面：第一页（在域“One.com”上）和第二页（在域上） “Two.com”）

当用户打开第一页时，我希望 #div-one 提取 Two.com 上第二页上的 #div-two 内的值。

我找到了这段代码：

<script type="text/javascript">
function pullValueFromPageTwo(){
    var val = $('[#div-two]').text();
    $('#div-one').val(val);
}
</script>

但我没有找到任何关于如何使用该代码使用 jquery 从另一个页面和域中提取值的线索。

Answer 1

JSONP 是另一种规避同源策略的方法。 jQuery 1.5 改进了对其的支持。

http://api.jquery.com/jQuery.getJSON/
http://en.wikipedia.org/wiki/JSON#JSONP

Answer 2

或者您可以使用其他东西从 Two.com 获取数据（例如 YQL {http://developer.yahoo.com/yql/}），然后使用 javascript 处理结果（因为它返回 XML，这是很有可能的） ..

一个示例查询，您可以将其放入地址栏中以查看结果：

http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20xpath=%22/html/body/div[3]/div/div/div[2]/div/div[2]/div[2]/div[2]/div/div[3]/ul/li/h2%22%20and%20url=%22http://www.bbc.co.uk/news/%22;&format=xml&env=http://datatables.org/alltables.env

然后，您可以使用一点 ajax 从 One.com 上的 Two.com 获取值，并用它执行您想要的操作。

Answer 3

One.com 上的 jQuery 无法访问 Two.com，因为 同源政策。

但是，如果它们位于同一个域中，这样的事情应该可以工作......

var otherPage = $('body').load('/echo/html/', function(html) {

    var text = otherPage.find('#div-two').text();

    $('#div-one').html(text);

}),