Question

我有一张桌子，每一行都有一个表格：

<td><input type="date" id='time'/></td>
<td><input type="text" id='info'/></td>
<td><input type="text" id='money'/></td>
<td><input type="buttond" id="submit_edit" value="edit"/></td>

问题是我无法提交这样的表单，所以我需要使用JavaScript提交它，我需要使用POST方法提交它。我希望POST方法作为一行执行此操作;我稍后会更改输入的ID。

这不是这个问题：How to submit a form with JavaScript by clicking a link?

我想通过id手动发送数据。我需要的正确的事情是这样的

$(document).ready(function(){
    $("#submit_edit").click(function(){
        var time=$("#time").val();
        var info=$("#info").val();
        var money=$("#money").val();
         $.ajax(
        {
          type: "POST",
          url: "edit.php",
          data: {time:time , info:info,:money:money},
          success: function(html)
          {
            $("#edit_result").html(html).show();
          }
        });

    });
});

Answer 1

如果你想通过ajax这样做，就像这样：

// this is the id of the form

$("#form_id").submit(function() {
  url="page.php";
  data1=$("#selector").val();
  data2="value";
  $.ajax({
        datatype:"html",
        type: "POST",
        url: url,
        data: {data1:data1,data2:data2},
        success: function(html)
        {
            alert(html);
        }
  });
});

Answer 2

你有jquery吗？第一如果没有，试试这个。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

您可以下载http://jquery.com/download/ 还

<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

好的，现在你需要发一份表格吗？然后你的按钮：

<input type="submit" name="edit" id="button_submit"/>

你的表格

<form action="" method="POST" id="form">

然后是jquery

$('#button_submit').click(function(){
   $('#form').submit();
});

通过javascript从表单输入发送数据

2 个答案: