如何在使用ajax POST保存数据的同时在客户端保存表单记录？

Question

我创建了一个表单。 单击“提交”按钮记录将使用ajax POST保存在数据库中。

然后再次在网页上查看这些记录我正在清除现有的html并添加新记录。

在表单中，我有选择列表和文本框以及textarea。

例如：

以下是我的表格：

单击保存常见问题解答按钮，以下表单数据中的数据将保存在数据库中。

排名编号字段具有唯一编号。为此，我在后端生成数字。 表示当我执行ajax POST 问题否是空白但是已经分配了唯一编号。在放入数据库之前。

的要求：

选择列表的默认选项值为默认模式（新）。

点击保存常见问题解答后，

问题字段值需要在选择列表中添加。 为此，我使用Ajax GET获取所有记录并清除以前的html并添加新数据，但这是不可行的。

我需要对此进行优化。

为此，我需要将此记录保存在数组中，例如：

saveFaqRecordT = []
saveFaqRecordT.push({faq_no: getRec, faq_quest: rec.faq_quest, faq_answer: rec.faq_answer});    

getRec是反计数器，因为我们没有从客户端传递问题号的任何值。

或者请指导我在保存Ajax POST时如何在客户端保存记录，这样就不需要每次保存都进行Ajax Get了？

Answer 1

Ajax Post - ＆gt;返回适当的响应，让我们说一个JSON

成功

{"status":"success","message":"added successfully"}

错误

{"status":"error","message":"failed because of validation"}

只需在POST回调中解析此JSON，找出保存成功与否的位置。

如果保存成功，只需将数据添加到saveFaqRecordT阵列。

$.ajax({
   method:POST,
   url:"http://someurl.com",
   data:$("#myform").serialize(),
   success:function(data){
      var json=eval(data);
      if(json.status=='success'){
           //append to array
      }   
   }
});

以上只是未经测试的示例代码，可让您了解如何完成此操作。