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

我创建了一个表单。 单击Submit按钮，记录将通过ajax POST保存在数据库中

然后，为了在网页上查看这些记录，我清除了现有的html并添加了新的记录

在表单中，我有选择列表、文本框和文本区域

例如：

以下是我的表格：

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

问题编号。字段具有唯一编号。为此，我将在后端生成编号。 意思是当我写ajax帖子时，问题编号为空，但在放入数据库之前被分配了唯一编号

要求：

选择列表存在于默认选项值为默认模式（新）的列表中

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

我需要优化这个

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

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

getRec是计数器，因为我们不从客户端传递任何问题no的值

---

或者请指导我在保存Ajax POST时如何在客户端保存记录，这样就不需要每次保存时都执行Ajax Get？Ajax POST->返回适当的响应，比如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
      }   
   }
});

以上只是一个未经测试的示例代码，让您了解如何实现