用jQuery发布所有输入的数据？

Question

我确实在页面上生成了一些具有随机名称的<input> （一次将近十个）。

卡住了有关提交它们的问题。

我使用此代码提交：

$('.table_data').submit(function(event)
{
    event.preventDefault();
    // some validation check and then

    $.post(url, {user_mail: mail}, function()
    {
        alert('done);
    });
});

问题是，它仅提交user_mail 。

如何提交所有<input>的数据？

尝试使用$.post(url, function(){}) ，它什么也不发送。

可以将所有输入都放入数组，然后抛出$.post函数，但是我不确定如何做好。

Answer 1

如果表单的类名是table_data则使用此

$.post(url,$('.table_data').serialize(), function(){})

然后，您将获得表单输入的names作为global POST数组的键。

完整代码

$('.table_data').submit(function(event)
{
    event.preventDefault();
    // some validation check and then

    $.post(url, $(this).serialize(), function()
    {
        alert('done');
    });
});

在$ .serialize上阅读更多

Answer 2

$.post(
   url,                  // url to submit
   $(this).serialize(),  // make a standard-looking query string using all inputs value
   function(response) {        
     // success function
     // in parameter response is to capture data send from capture
  },
  'json'  // dataTyep in which format you're accepting 
          // data from server may be html, xml ans so on
);

相关参考：

• $ .serialize（）

• $。员额（）

Answer 3

您可以使用它发送表单的所有元素。

Answer 4

您正在使用event.preventDefault()阻止表单提交的默认行为，然后仅使用ajax将usermail值发送到服务器。

据我了解，您需要对表格进行序列化，以便获取所有名称及其值，然后将其发送到服务器。 为此，您需要在jQuery中进行序列化功能