未调用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; 
    }); 
});