javascript - jQuery AJAX跨域(jQuery AJAX cross domain)

Question

Here are two pages, test.php and testserver.php.

(这是两个页面，test.php和testserver.php。)

test.php

(test.php的)

<script src="scripts/jq.js" type="text/javascript"></script>
<script>
    $(function() {
        $.ajax({url:"testserver.php",
            success:function() {
                alert("Success");
            },
            error:function() {
                alert("Error");
            },
            dataType:"json",
            type:"get"
        }
    )})
</script>

testserver.php

(testserver.php)

<?php
$arr = array("element1",
             "element2",
             array("element31","element32"));
$arr['name'] = "response";
echo json_encode($arr);
?>

Now my problem: when both of these files are on the same server (either localhost or web server), it works and alert("Success") is called;

(现在我的问题是：当这两个文件都在同一台服务器（本地主机或Web服务器）上时，它会工作，并且会调用alert("Success") ;)

If it is on different servers, meaning testserver.php on web server and test.php on localhost, its not working, and alert("Error") is executing.

(如果它位于不同的服务器上，意味着Web服务器上的testserver.php和localhost上的test.php，它不起作用，并且正在执行alert("Error") 。)

Even if the URL inside ajax is changed to http://domain.com/path/to/file/testserver.php

(即使ajax中的URL更改为http://domain.com/path/to/file/testserver.php)

  ask by Firose Hussain translate from so

Answer 1

Use JSONP .

(使用JSONP 。)

jQuery:

(jQuery的：)

$.ajax({
     url:"testserver.php",
     dataType: 'jsonp', // Notice! JSONP <-- P (lowercase)
     success:function(json){
         // do stuff with json (in this case an array)
         alert("Success");
     },
     error:function(){
         alert("Error");
     }      
});

PHP:

(PHP：)

<?php
$arr = array("element1","element2",array("element31","element32"));
$arr['name'] = "response";
echo $_GET['callback']."(".json_encode($arr).");";
?>

The echo might be wrong, it's been a while since I've used php.

(回声可能是错的，自从我使用php以来已经有一段时间了。)

In any case you need to output callbackName('jsonString') notice the quotes.

(在任何情况下，您需要输出callbackName('jsonString')注意引号。)

jQuery will pass it's own callback name, so you need to get that from the GET params.

(jQuery将传递它自己的回调名称，因此你需要从GET参数中获取它。)

And as Stefan Kendall posted, $.getJSON() is a shorthand method, but then you need to append 'callback=?'

(正如Stefan Kendall 所说 ， $ .getJSON（）是一种速记方法，但是你需要追加'callback=?')

to the url as GET parameter (yes, value is ?, jQuery replaces this with its own generated callback method).

(作为GET参数的url（是的，值是？，jQuery用它自己生成的回调方法替换它）。)