Ajaxのポストがデータテーブルのレンダリングされたボタンで動作しない

Question

JavaScriptで新しくなったので、JSでやってもらうのが大変です。

私はのいずれかの列にデータレンダリングを行います。on.clickは、ブートストラップモーダルを開き、<a data-name="' +row.name+ '".....>などで定義された値をモーダルの入力ボックスに送信します。

モーダルにはSaveボタンがあります。これらの入力ボックスのすべての値をajaxでポストする必要がありますが、何らかの理由でこのボタンをクリックしても何もしません。

ここにはjsfiddleがあります。

Answer 1

送信ボタンが<form>範囲外にあるためです。
クリックイベントでフォームを送信したり、<form>スコープ内のボタンを移動してみてください。

Answer 2

この試してください： - この上でクリックすると、渡す値

$("#submitBtn").on('click', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: '/echo/html/', 
     data: { 
      html: "success" 
     }, 
     type: "POST", 
     data: $("#editUserForm").serialize(), 
     contentType: false, 
     cache: false, 
     processData: false, 
     success: function(data) { 
      if (data === 'success') { 
       alert('Passed'); 
      } else { 
       alert('failed'); 
      } 
     }, 
     error: function() {} 
    }); 
}); 

オンライン：https://jsfiddle.net/gfuuazxL/27/