Question

我正在使用jQuery开发一个AJAX项目。我正在考虑创建一个显示表格数据的页面。在这个页面上，我想把一个表单添加到该表中。

问题是我想在提交新数据后立即更新我的页面上的表格。这甚至可能吗？如果是这样，怎么样？

Answer 1

您可以做的是将事件绑定到表单的提交按钮。

$('#formbutton').click(submit);

然后从submit（）函数中的字段加载值，然后使用$ .ajax提交POST请求并定义成功调用函数以执行GET ajax请求

function submit(){
  var field1 = $('#field1').val();
  var field2 = $('#field2').val();

  $.ajax({
    url: 'submitform.php',
    type: "POST",
    dataType: "text",
    data {field1: field1, field2, field2},
    success: function(data){
      getData();
    }

  });

}

function getData(){
  $.get("table.php",function(data){
    $('#table').html(data);
  });
}

Answer 2

您向脚本发出AJAX请求。

您的脚本可以正常工作并返回新数据。

您的AJAX查询的成功处理函数使用收到的数据更新页面.AJ

只需查看jquery文档中的示例：

http://api.jquery.com/jQuery.ajax/

Answer 3

使用jQuery ajax将表单结果发送到PHP脚本，让PHP更新/插入到mysql db，然后让PHP将表数据回显到jQuery成功回调，在其中获取接收到的数据并将其放在div / table中！

为了帮助您入门：

http://blog.twostepmedia.co.uk/send-html-form-results-in-an-email-from-php-using-jquery-ajax/

如何使用JQuery在MySQL更新后填充DIV

3 个答案: