jQuery xhr.status 在向 localhost 发送请求时返回 0

Question

更新 - 2016-01-30

按照我在 cmets 中的建议：

1. 已安装 XAMPP
2. 将我的页面放在 Apache 上并运行服务器
3. 确保页面和脚本正在执行（简单警报测试）
4. 将 xhrFields: withCredentials 设置为 false 以按照唯一答案中的建议发出 CORS 请求并教导 here

我仍然无法通过请求。这是控制台日志：

XMLHttpRequest cannot load http://localhost:8080/RimmaNew/rest/appointments. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost' is therefore not allowed access. The response had HTTP status code 400

如果这有任何帮助，它在“用户端”上的外观如下：

------------------初始票--------------- --

我有一个本地运行的 java rest 应用程序，目前接受一个 get 方法并返回一个 json 字符串：

另一种方法是 POST，它应该转换、验证和保存已发送表单中的信息并返回 200 答案。如果在转换、验证或持久性期间出现任何问题 - 将引发异常（例如 BadRequest 或 500）。

这是其余方法（为了简洁起见，我省略了验证、构建方法以及转换器和转换器提供程序类）：

@POST
@Produces("application/json")
@Consumes("application/x-www-form-urlencoded")
public Response bookAppointment(@FormParam("date") Date appDate,
        @FormParam("time") Time appTime, @FormParam("type") String appType,
        @FormParam("clientName") String clientName, @FormParam("email") String clientEmail,
        @DefaultValue("") @FormParam("message") String clientMsg) {
    //externalize the validation of all fields to concentrate on "positive"
    //scenario only
    validator(appDate, appTime, appType, clientName, clientEmail);
    Appointment appointment = build(appDate, appTime, appType,clientName, 
                clientEmail, clientMsg);
    try {
        repository.add(appointment);
        return Response.ok(appointment).build();
    } catch (Exception e) {
        throw new InternalServerErrorException("Something happened in the application "
                + "and this apointment could not get saved. Please contact us "
                + "to inform us of this issue.");
    }
}

客户端不在应用程序中（我认为这可能会有用）——它是我计算机上的一个简单的 HTML 文件，其中包含这个 jQuery 脚本：

<script type='text/javascript'>
    $(document).ready(function(){
         $('form#appointmentForm').submit(function(ev){
             ev.preventDefault();
            $.ajax({
                url: 'localhost:8080/RimmaNew/rest/appointments',
                type: 'post',
                dataType: 'json',
                data: $('form#appointmentForm').serialize(),
                contentType: 'application/x-www-form-urlencoded',
                beforeSend: function() {                        
                    $('#ajaxResponse').html("<img src='245.gif' />");                        
                },
                success: function(data) {
                    $('#ajaxResponse').html("<span style='color:white; background-color: green;' class='glyphicon glyphicon-ok'></span><p>"+JSON.stringify(data)+"</p>")
                    .fadeIn("slow");
                },
                error:  function(xhr, ajaxOptions, thrownError){
                    $('#ajaxResponse').html("<span style='color:white; background-color: red;' class='glyphicon glyphicon-exclamation-sign'></span><p>Status: ").append(xhr.status)
                    .append("</p>").fadeIn("slow");
                }
            });               
        });            
    });
</script>

我想提交一个表单，以便使用 @FormParam 注释属性访问其参数。在我发送的每个请求中，我都没有收到任何抛出的错误，并且状态始终为 0。您知道我在哪里出错或缺少什么吗？

Answer 1

状态码 0 表示请求未发生。为了获得状态码，必须进行有效的 http 交互，如果没有，则没有状态码。

发生这种情况的主要原因是：

1. 无法解析 DNS
2. 无法建立到主机/端口的连接
3. CORS 问题，HTML 不是由与服务器相同的主机/端口提供服务。在这种情况下，您需要编写 CORS 策略以允许特定域 向服务器发出 ajax 请求。
4. HTML 是本地文件，这是 CORS 问题的一种特殊情况，即某些浏览器不允许在没有主机的情况下进行连接。

所有这些都应该在 javascript 控制台上显示错误（最奇怪的是 CORS，它显示为失败的 OPTIONS 请求）