PHP Jquery Ajax 调用抛出 net::ERR_EMPTY_RESPONSE

Question

我在页面中有以下 JavaScript 代码。进行 ajax 调用时，我可以看到浏览器检查/调试器部分抛出 net::ERR_EMPTY_RESPONSE 错误。它在 localhost 环境中运行良好，但在生产中抛出上述错误。

在客户端代码中，

<script>
$(document).ready(function(){
    $("#identityLinks a").on("click", function(){
    value = $(this).attr("id");
    if(value != "")
    {
        $.ajax({
            url:  "publish/updateUsersData.php",
            type: "POST",
            data: {receiverId: value},
            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
            dataType: "json",
            success: function(data) {
              //alert(data["result"]);
              console.log(data["result"]);
            },
            error: function(xhr, textStatus, errorThrown) {
               //alert(xhr +" "+ textStatus +" "+errorThrown);
               console.log(xhr +" "+ textStatus);
            }
        });
    }
    });
</script>

在服务器端代码 (PHP) 中，我在 updateUsersData.php 中有以下代码:

<?php
header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 01 Jan 1996 00:00:00 GMT');
header('Content-type: application/json; charset=UTF-8');
if(isset($_POST["receiverId"]))
{
    $receiver_id = trim($_POST["receiverId"]);
    $arr = array("result"=>$receiver_id);
    echo json_encode($arr); die();
    break;
}
else
{
    $arr = array("result"=>"No user data received. Error!");
    echo json_encode($arr); die();
    break;
}
?>

您认为这是由于带有 Expire 调用的标题还是 Jquery 1.9.1 版本中的错误？当我们是以前的版本时，我没有发现这样的错误。此外，这段代码已经有 5 个月没有更新了，浏览器错误就在不久前蔓延。感谢您的所有帮助和支持。

编辑:

状态:这个ISSUE目前尚未解决。 Jquery AJAX 需要专家的帮助。任何人，请宣传这个问题。此外，CORS 不对这个问题负责。

点击出现上述错误的控制台时，我直接被带到了这一行

JQuery 1.9.1 where console error lines point to:

=> xhr.send( ( s.hasContent && s.data ) || null );

Also these ones are shown in console error mark:

=> transport.send( requestHeaders, done );

=> ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle 
   || handleObj.handler )
  .apply( matched.elem, args );

=> return typeof jQuery !== core_strundefined && 
(!e || jQuery.event.triggered !== e.type) ?
jQuery.event.dispatch.apply( eventHandle.elem, arguments ) : undefined;

jquery 最新版本是否会导致此 PROVISIONAL HEADERS ARE SHOWN 错误。

Answer 1

我相信您的请求在 CORS 规范下不属于“简单请求”:

http://www.w3.org/TR/cors/#simple-cross-origin-request-0

因为您正在为 Content-Type 设置响应 header :application/json。

因此您的服务器将需要处理预检请求，这涉及在请求和响应上设置一些额外的 header 以使 CORS 请求成功

这是一篇关于您需要做什么的好文章 - 查看“没那么简单”下的内容:

http://www.html5rocks.com/en/tutorials/cors/