Ajax发布不适用于数据表呈现按钮

Question

我正在努力用JS完成此操作，因为我对javascript很陌生。

我在其中一列上有数据表渲染<a> ，该on.click打开引导程序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/