jQuery ajax：即使響應正常也會運行錯誤200

Question

我有一個通過AJAX提交表單的表單：remote => true。縱觀服務器日誌和螢火，我得到的響應200 OK和它的形式返回JSON：

{ "email": "test@test.com"} 

然後，我有兩個處理程序：

$('#new_invitation').bind("ajax:success", function(event, data, status, xhr) { 
    alert('test'); 
}); 

$('#new_invitation').bind("ajax:error", function() { 
    alert('error'); 
}); 

即使我回來一個200OK，它是錯誤處理程序觸發。我設法讓成功處理程序工作的唯一時間是當我在標題中發送200個空響應時。

我想不通爲什麼這個心不是工作：-S

編輯1 ------------ 做了這些改變後：

$('#new_invitation').bind("ajaxSuccess", function(event, data, status, xhr) { 
    alert('test'); 
}); 

$('#new_invitation').bind("ajaxError", function(jqXHR, textStatus, errorThrown) { 
alert('error'); 
    console.log(jqXHR.responseText); 
    console.log(textStatus.responseText); 
    console.log(errorThrown.responseText); 
}); 

我仍然得到相同的錯誤。日誌的東西給我：

undefined 
my_email@test.com 
undefined 

這裏是窗體的代碼（標準的Rails的東西）：

<%= form_for @shoot.invitations.new, :url=>shoot_invitations_path(@shoot), :remote => true, :html => {:class => 'form-inline'} do |f| %> 
    <%= f.text_field :email, :'placeholder' => 'ex: test@test.com' %> 
    <%= f.text_field :role, :'placeholder' => 'ex: Photographer' %> 
    <%= f.submit "Invite", :class => 'btn btn-success' %> 
<% end %> 

EDIT 2 ---------

我做幾個變化，現在看來我的錯誤是一個解析錯誤。我不明白，因爲這是我從服務器獲取（data.responseText），這似乎都好後面的JSON：

{"email":"zxxczxc@test.com"} 

答案--------- 我設法把一切工作當我在表單選項中輸入：'data-type'=>：json時。我嘗試過這一點，並沒有奏效，因爲我把它放在的form_tag選項，而不是HTML選項...

Answer 1

如果服務器返回的內容不是有效的JSON，比如單個空格，那麼即使狀態碼爲200，jQuery也會生成一個解析錯誤並將其視爲失敗請求。

從jQuery 1.9開始，當類型設置爲JSON時，完全爲空的響應被視爲失敗請求，因爲空字符串無效JSON。見http://jquery.com/upgrade-guide/1.9/#jquery-ajax-returning-a-json-result-of-an-empty-string。

Answer 2

使用ajaxSuccess，而不是ajax:success和ajaxError而不是ajax:error您的事件類型。

在這裏看到：http://docs.jquery.com/Ajax_Events

Answer 3

1. 檢查$阿賈克斯的數據類型設置爲JSONP

2. 嘗試返回{電子郵件： 「ahsgah@ahsgh.com」}

Answer 4

JSON.parse（''）會引發錯誤。對我來說，這是愚蠢的，它應該返回undefined。 我將此代碼添加到我的應用程序

#HACK JSON.parse('') should return undefined, not throw an error 
_parse = JSON.parse 
JSON.parse = (str) => 
    unless str == '' 
    _parse.apply JSON, arguments 

或ü窮人不使用CoffeeScript的（未經測試）

//HACK JSON.parse('') should return undefined, not throw an error 
var _parse = JSON.parse 
JSON.parse = function(str) { 
    if (str !== '') 
    return _parse.apply(JSON, arguments); 
    else 
    return undefined; 
}