Onclick ajax無法正常工作

Question

當我點擊提交按鈕時，textarea標籤的信息應該發送到郵件使用ajax.can任何人helpme.thankyou。

$(document).on("click", "#submit-btn", function() { 

Answer 1

的問題是，因爲你已經掛在click事件提交按鈕，而不是submit事件form的。這意味着表單仍然是正常提交​​的，並且您的AJAX請求的響應將被忽略。

如上所述，鉤到submit事件form的要解決的問題，並使用preventDefault()停止標準表單提交：

$(document).on("submit", "#yourFormElement", function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: "https://ivr.callxl.com/callXLWeb/SendingEmail", 
     type: 'POST',  
     contentType: "application/json; charset=utf-8", 
     data: { comment: $("#cmessage").val() }, 
     dataType: "json", 
     success: function (data, textStatus, jqXHR) { 
      if (data.success) { 
       alert("successfully sent"); 
      } else { 
       // handle error here... 
      } 
     }, 
     error: function(jqXHR, textStatus, errorThrown){ 
      alert(jqXHR.responseText); 
      console.log("Something really bad happened " + textStatus); 
      $("#errorResponse").html(jqXHR.responseText); 
     } 
    }); 
}); 

另外請注意，我除去async屬性（如true）是默認值，並向data屬性提供一個對象，以便爲您編碼值。

您還應該確保您所調用的域名支持跨域請求，否則您的請求將被Same Origin Policy阻止。如果是這種情況，那麼你需要在服務器端進行請求。

Answer 2

我認爲你應該這樣做。

$("#submit-btn").on("click",function() { 
    $.ajax({ 
     url: "https://ivr.callxl.com/callXLWeb/SendingEmail", 
     type: 'POST',  
     contentType: "application/json; charset=utf-8", 
     data: { comment: $("#cmessage").val() }, 
     dataType: "json", 
     success: function (data, textStatus, jqXHR) { 
      if (data.success) { 
       alert("successfully sent"); 
      } else { 
       // handle error here... 
      } 
     }, 
     error: function(jqXHR, textStatus, errorThrown){ 
      alert(jqXHR.responseText); 
      console.log("Something really bad happened " + textStatus); 
      $("#errorResponse").html(jqXHR.responseText); 
     } 
    }); 
});