Question

我使用以下代码提交表单，然后向下滑动隐藏的div以显示提交的数据。

  $(function () {

    $('#people_edit').on('submit', function (e) {

     tinyMCE.triggerSave();

      e.preventDefault();

      $.ajax({
        type: 'post',
        url: 'people.php',
        data: $('form').serialize(),
        success: function () {
        $('form')[0].reset();
        $("#people_edit").slideUp("slow");
        $("#people_detailed").slideDown("slow");
       $("#people_detailed").load("people_stoixeia.php?id="+$targetID );

        }
      });

    });

  });

问题是我收到旧数据（表单提交之前的数据）。如果我刷新页面，我可以看到编辑过的（新）数据。

有没有办法在加载数据之前刷新#people_detailed div？或者可能是另一种解决方法？

Answer 1

OP解决方案。

$("#people_detailed").load("people_stoixeia.php?id="+$("#thisID").val());

Answer 2

您正在加载数据两次 - 使用jQuery.ajax调用和.load（）。为什么不在ajax调用中将数据加载到DIV中。

$.ajax({
    type: 'post',
    url: 'people.php',
    data: $('form').serialize(),
    success: function (data) {
        $('form')[0].reset();
        $("#people_edit").slideUp("slow");

        $("#people_detailed").html(data).slideDown("slow");
    }
});

此代码支持people.php在完成您的操作后返回您需要的数据。

使用ajax在表单提交后显示隐藏div上的刷新数据

2 个答案: