AJAX 表单提交确认消息答案

【问题标题】：AJAX form submission confirmation messageAJAX 表单提交确认消息
【发布时间】：2013-10-09 10:24:45
【问题描述】：

我从 YouTube 上的 phpacademy 获得了一些我一直在使用的 jQuery 代码（顺便说一下，我完全是 js 和 jquery 的菜鸟！）通过 AJAX 提交表单 - 一切正常。

我的问题是，在 AJAX 成功回调函数上，我希望能够刷新页面，然后显示确认 div（页面是用户列表，底部有一个添加新用户表单）。

提前致谢

【问题讨论】：

如果您要刷新页面，为什么还要处理 AJAX 请求？
AJAX 的重点不是刷新页面——我会质疑其基本原理
对于初学者，请阅读 SO 常见问题解答
我刷新的唯一原因是刷新用户列表以添加表单提交的新用户。有没有办法解决这个问题？

标签： javascript jquery html ajax forms

【解决方案1】：

您可以刷新显示用户列表的 div，如下所示：

从您的服务器返回新的用户列表，并在 jquery 中以表格或列表的形式构建您的列表并将其显示在 div 中。

例如：

<div id="result" />

$.ajax({
     url: "test.html",
     ....
     }).done(function(result) { // Here result will contain the list which you will have to return from the server side
          ..// Your Code to Loop through the result and prepare the list and append it to div.
           // For eg:
           $.each(result, function(key,item) {
               $("#result").append("<li>" + item.propertyName + </li>);   // Append list to div
           });
     });

【讨论】：