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

Question

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

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

Answer 1

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

$('#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);
  });
}