AJAX JQuery請求不起作用

Question

我想通過JQuery發送一個AJAX請求。

這裏是我的jQuery代碼：

$(document).ready(function() { 
    $("#login").submit(loginh); 

    function loginh() { 
     console.log("Sending request"); 
     var dat = { 
      "ucCustomer": { 
       "ucLoginRequest": { 
        "customerId": "8a6a7d82392bdaa701392bdabb3a0013", 
        "userName": "0.34705725672258025@mars.com", 
        "password": "23456" 
       } 
      } 
     }; 
     console.log(JSON.stringify(dat)); 
     var d = JSON.stringify(dat); 

     $.ajax({ 
      headers: { 
       "Content-Type": "application/json", 
       "X-Message-Sending-PartnerId": "UNICREDIT", 
       "X-Message-Type": "ucCustomerLoginRequest", 
       "X-App-UserId": "UNICREDIT", 
       "X-App-DeviceFingerPrint": "abc" 
      }, 
      type: "POST", 
      url: "http://localhost:8010/UniCreditMobileService/services/ucms/customer", 
      data: d, 
      success: function(data) { 
       alert(data); 
       console.log("success: " + data); 
      } 
     }); 
    } 
}); 

我已經用Java編寫的JUnit測試案例和申請工作正常。同樣，我已經嘗試使用Chrome瀏覽器的Dev-HTTP插件發送請求，並且它工作正常。但是，我的JQuery代碼不起作用。

當我啓動html頁面時沒有任何反應。我沒有迴應。我正在使用Firebug控制檯來檢查從服務器收到的響應。

請幫我解決這個問題。

Answer 1

試試這個：

function loginh(event) { 
    event.preventDefault(); 

    // all your codes 
} 

其中，event是submit事件傳遞給loginh函數的參數，這.preventDefault()將停止表單的默認提交行爲其停止AJAX提交。