未調用JQuery成功/失敗回調

Question

我是jQuery的新成員。我需要在jQuery中實現的是調用一個用Python編寫的Web服務，並根據收到的消息顯示相應的消息。 以下是我到目前爲止寫的jQuery代碼。

$(document).ready(function(){ 
$("#loginForm").submit(function() { 
    data = $(this).serialize() 
    var serviceUrl = MyServiceUrl; 
    $.ajax({ 
       type: "POST", 
       url: serviceUrl, 
       data: data, 
       success:loginSuccess, 
       failure: loginFailure 
    }); 
    return false; 
}); 
}); 

function loginSuccess(data){ 
    alert(data.status); 
} 
function loginFailure(data){ 
    alert(data.status); 
} 

在我的HTML表單上，當我提交表單時，我的電話打到了我的Web服務。但收到響應後，它不會進入我的成功或失敗回調函數，如上所述。以下是返回狀態的Web服務的Python代碼。它可以返回情況1或情況2

案例1：

to_json = {"status": "success"} 
return HttpResponse(simplejson.dumps(to_json), mimetype="application/json") 

案例2：

to_json = {"status": "error","message": str(e)} 
return HttpResponseBadRequest(simplejson.dumps(to_json), mimetype="application/json") 

Answer 1

這個問題是由於Cross-Origin XMLHttpRequest

以下是我的解決方案。

當從蟒返回我添加下列頭

to_json = {"status": "success"} 
response = HttpResponse(simplejson.dumps(to_json), mimetype="application/json") 
response['Access-Control-Allow-Origin'] = "*" 
return response 

同樣用HttpResponseBadRequest。 所以最終的jQuery代碼如下。

$(document).ready(function(){ 
$("#loginForm").submit(function() { 
    data = $(this).serialize() 
    var serviceUrl = MyServiceUrl; 
    $.ajax({ 
      type: "POST", 
      url: serviceUrl, 
      data: data, 
      success:loginSuccess, 
      error: loginFailure 
    }); 
    return false; 
}); 
}); 

function loginSuccess(data){ 
    alert(data.status); 
} 
function loginFailure(data){ 
    alert(data.status); 
} 

我希望它確實有助於someone..Cheers

Answer 2

刪除提交表單，使用AJAX只是

$(document).ready(function(){ 
    $("#your_button_id").click(function() { 
     data = $("#loginForm").serialize() 
     var serviceUrl = MyServiceUrl; 
     $.ajax({ 
      type: "POST", 
      url: serviceUrl, 
      data: data, 
      success:loginSuccess(), 
      failure: loginFailure() 
     }); 
     return false; 
    }); 
});