跨域 jQuery Ajax 调用 - 语法缺失错误

Question

我无法从跨域访问网络服务调用。请指教。我在这里粘贴了我的来源。

PHP：网络服务响应

$data['response'] = 2;
header('Content-type: application/json');
echo json_encode($data);

jQuery Ajax 调用：

$.ajax({
type: 'GET',
url: cross-domain-url,
data:{ param1:'123', param2:'123' },
dataType:'jsonp',
crossDomain: 'true',
async: true,
success:function (data) {
    alert('success');
},
error:function(){
    alert('error');
}
});

跨域 URL 响应：

{"ResultCode":2}

我总是只收到错误消息。我不知道为什么。我可以在 Firefox 检查区域看到以下消息。

SyntaxError: missing ; before statement
{"ResultCode":2}

请帮帮我。

解决方案：

修改这一行， echo 'someCallBackString('.json_encode($data).');'; 而不是 echo json_encode($data);

创建了函数 someCallBackString 并继续我的实现。

Answer 1

您告诉 jQuery 发出 JSON-P 请求 (dataType:'jsonp')，但您的服务器正在返回 JSON。

因此，浏览器会尝试执行 JSON 文本，就好像它是 JavaScript 程序一样（它不能，因为它不是）。

要么：

1. 从对象中删除 dataType 属性，以便 jQuery 使用 HTTP Content-Type 来确定它是 JSON 并添加 access control headers 以允许您的站点访问其他域或
2. 返回 JSON-P 而不是 JSON

Answer 2

好的，问题出在 JSONP 数据中，当您发送请求时，JSON 响应将发送响应为

callbackFunctionName(jsonData)

你没有任何东西，所以你需要将代码格式化如下

$(document).ready(function() {
    $.ajax({
        type: 'GET',
        url: 'your cross domain file',
        dataType:'jsonp',
        crossDomain: 'true',
        jsonpCallback: 'MyCallback',
        async: true,
        success:function (data) {
            console.log(data);
        },
        error:function(data){
                console.log('error');
        }
    });

    function MyCallback(data) {  
    }

});

现在在响应中，数据需要格式化为

$data['response'] = 2;
header('Content-type: application/json');
$json_data =  json_encode($data);
echo "MyCallback" . '(' . $json_data . ');';

您现在可以检查您的控制台并查看数据正在通过

您可以在此处查看更多信息http://remysharp.com/2007/10/08/what-is-jsonp/

Answer 3

将您的 ajax 更改为以下代码：

解决方案

            $.ajax({
                    type: 'GET',
                    url: cross-domain-url,
                    data:{ param1:'123', param2:'123' },
                    dataType:'JSON',
                    success:function (data) {

                                alert('success');
                  },
                 error:function(){
                       alert('error');
                  }
             });

希望它会起作用....