你能给我一个跨域的例子吗[重复]

Question

可能重复：
Ways to circumvent the same-origin policy

例如，我有一个 2 个域“http://domain1.com/info.php”，另一个是“http://domain2.com/script.html”

现在第一个域“http://domain1.com/info.php”正在发布这样的 json 编码数据

{
    "str_info": [
        {
            "str_name": "Mark",
            "str_age": "22"
        },
        {
            "str_name": "Aliza",
            "str_age": "52"
        }
    ]
}

第二个域“http://domain2.com/script.html”所做的是检索和操作第一个域给出的数据。

我不知道如何连接和检索来自第一个域“http://domain1.com/info.php”的数据到脚本的第二个域。 如果可能的话，你能告诉我如何使用 jsonp、jquery、ajax

Answer 1

来自 jQuery.org

由于浏览器安全限制，大多数“Ajax”请求都受制于 同源政策；请求无法成功检索 来自不同域、子域或协议的数据。

脚本和 JSONP 请求不受同源策略限制。

如果跨域工作，您可以使用称为JSONP 的方法 ajax 请求添加一个参数?callback=callbackname 并且您的服务器回答为

callbackname
(
    {
        "str_info": [
            {
                "str_name": "Mark",
                "str_age": "22"
            },
            {
                "str_name": "Aliza",
                "str_age": "52"
            }
        ]
    }
);

然后该函数在您的客户端上执行。 您可以使用jQuery 非常简单地完成此操作

$.getJSON("http://domain1.com/info.php?callback=?", function(data) {
  alert("success");
});

在 PHP 中，你会像这样包装你的结果（简单示例）

echo $_GET['callback'], '(' , json_encode( $data ), ')';

Answer 2

使用回调函数发送数据，例如

callback({
  "str_info":[{"str_name":"Mark","str_age":"22"},{"str_name":"Aliza","str_age":"52"}]
});

然后在接收数据的域上使用函数

<script>
    function callback(i){
    //maniputlate i (json data) here
    }
</script>
<script type="text/javascript" src="http://domain1.com/info.php"/>