Question

我有几个这样的要求：

   $('#some-button').on('click', function(e) {
      e.preventDefault(); 
      $this = $(this);
      $.ajax({
         url: 'some_request.php/?q='+$some_id,
         dataType: 'json',
         success: function(data) {
            alert('success!')
         }          
      }); 
   });

即。许多按钮点击启动的AJAX请求。根据Chrome，此请求保持“待定”状态 - 没有JS警报。没有HTTP响应代码返回。我认为只是坐在那里等待回应并没有得到它。

问题类似于：jquery $.ajax request remains pending，但答案没有帮助。我在PHP或HTML代码中没有使用会话。

有什么想法吗？非常感谢。

Answer 1

我认为你需要一个jQuery Ajax错误处理函数。这是：

// jQuery Ajax Error Handling Function
$.ajaxSetup({
    error: function(jqXHR, exception) {
        if (jqXHR.status === 0) {
            alert('Not connect.\n Verify Network.');
        } else if (jqXHR.status == 404) {
            alert('Requested page not found. [404]');
        } else if (jqXHR.status == 500) {
            alert('Internal Server Error [500].');
        } else if (exception === 'parsererror') {
            alert('Requested JSON parse failed.');
        } else if (exception === 'timeout') {
            alert('Time out error.');
        } else if (exception === 'abort') {
            alert('Ajax request aborted.');
        } else {
            alert('Uncaught Error.\n' + jqXHR.responseText);
        }
    }
});

现在调用你的ajax函数：

$.ajax({
    url: 'some_request.php/?q=' + $some_id,
    dataType: 'json',
    success: function(data) {
        alert('success!')
    }
});

检查你得到的错误。

Answer 2

您确定要请求的Php文件位于同一个域中吗？通常，在执行大多数Web浏览器不允许的跨域Ajax调用时会发生这种情况。如果是这种情况，您将不得不尝试jsonp。以下是一个很好的实际解释，例如：http://www.jquery4u.com/json/jsonp-examples/

jQuery AJAX请求不返回（没有HTTP状态代码）并保持挂起状态

2 个答案: