Onclick ajaxが機能していない

Question

送信ボタンをクリックすると、textareaタグの情報がajax.canの誰かのhelpme.thankyouを使ってメールに送信されます。

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

Answer 1

あなたが送信ボタンのclickイベントではなく、formのsubmitイベントにフックたので問題があります。つまり、フォームはまだ正常に送信され、AJAXリクエストからの応答は無視されます。問題を解決し、標準のフォーム送信を停止するpreventDefault()を使用するformのsubmitイベントに述べたように、フックとして

：

$(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); 
     } 
    }); 
}); 

はまたIである（trueとして）asyncプロパティが削除されたことに注意デフォルト値を設定し、オブジェクトが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); 
     } 
    }); 
});