Question

如何在点击按钮时通过AJAX发送输入值？我的代码如下。提前谢谢。

while
{ 
  <form class="commentform">
    <input type="hidden" class="proid" name="proid" value="<?=$rr['id']?>">  
    <input type="text" class="form-control" name="comval" placeholder="Write a comment.." autocomplete="off">
    <button class="btn btn-post" type="button">Post</button>
  </div> 
  </form>
}

$(document).ready(function() {  
  $(document).on('click', '.btn-post', function(){  
    var thePostID = $(this).val;
    $.ajax({
      url: 'fetch_comments.php',
      data: { postID: thePostID },
      type: 'POST',
      success: function() {
        alert(data);
      }
    });

Answer 1

$("form").serialize();

将表单序列化为查询字符串，可以在Ajax请求中将其发送到服务器。

Answer 2

首先，正确的方法是$(this).val()，而不仅仅是$(this).val。

其次，您可以使用form从最近的serialize()元素获取数据，从而简化代码。试试这个：

$(document).on('click', '.btn-post', function() {  
  var $form = $(this).closest('form');
  $.ajax({
    url: 'fetch_comments.php',
    data: $form.serialize(),
    type: 'POST',
    success: function() {
      alert(data);
    }
  });
});

在按钮上单击执行ajax以在表单中发送值在while循环中

2 个答案: