跨域ajax请求成功事件不会触发

时间:2014-05-04 21:40:23

标签: javascript jquery ajax

这个场景非常简单:

我发送了一个针对不同域的ajax请求:

$(function(){
        $.ajax({
            url: "http://www.drivescheduler.com/functions.php?function=getHighSchools&code=" + $("#code").val(),
            type: 'get',
            async: true,
            crossDomain: true,
            beforeSend: function(xhr){
                xhr.withCredentials = true;
            },
            success: function(x, status, xhr){
                alert();
            }
        });
    });

在收到ajax请求的域上,我已经正确配置了CORS头:

header('Access-Control-Allow-Origin: http://temp.jfdin.net');
header('Access-Control-Allow-Methods: POST');
header('Access-Control-Allow-Headers: Content-MD5, X-Alt-Referer');
header('Access-Control-Allow-Credentials: true');
header("Content-Type: application/json; charset=utf-8");

我可以看到发送的请求以及通过Chrome调试工具收到的正确回复,但我没有alert()。 换句话说,成功事件永远不会被解雇 为什么这样,我该如何解决?

1 个答案:

答案 0 :(得分:4)

您请求的URL以JSON内容类型响应,但是HTML正文。

jQuery将无法将HTML解析为JSON和错误。