【问题标题】:Use JSON object to store the form data that refreshes again and again [closed]使用JSON对象存储一次又一次刷新的表单数据[关闭]
【发布时间】:2015-05-28 10:55:30
【问题描述】:

我有一个 jsp 表单,其中有一些字段的值我一次又一次地采用。我想将数据临时存储在某处,并仅在单击最终提交按钮时将其存储在数据库中。

这是表格。在此表单中,前三个字段保持不变,其他 4 个值在您每次提交时刷新,直到您想停止。当您单击最终完成按钮时(每次都会弹出一个对话框询问您是要插入更多还是最终提交值。)值应该存储在数据库中。在此之前,这些值必须临时存储在某个变量中。我只能想到 JSON。

【问题讨论】:

标签: javascript jquery json


【解决方案1】:

如果您不使用回发来提交(非最终)值,则只需将输入的当前值推送到 JavaScript 数组中。

然后,当您进行最终提交时,您将能够访问数组中输入的所有先前值。

            //Store the values in here     
            var inputValues = [];
             
            //Click event of non-final submit button
            $(yourButton).on("click", function(e){
                e.preventDefault();
                var submit = confirm("Do you want to submit?");
                if(submit){
                  //submit the values to the database
                }
                else{
                   //Add the current values to the array, this could be as many as you like
                  inputValues.push({
                    input1:$(yourInput).val(),
                    input2:$(yourInput2).val(),
                    input3:$(yourInput3).val(),
                  });

                  //Optional -- Clear the inputs, again as many as you like
                  $(yourInput).val('');      
                  $(yourInput2).val('');   
                  $(yourInput3).val('');   
                }

            })

【讨论】:

  • 刷新页面会丢失值,对于持久化存储,localstorage是最好的途径。
  • 他没有提到使用回发。
  • 没有。页面不刷新。只有一部分令人耳目一新。 @舒维克
  • @rfsupertramp 你能给我一个例子吗?
  • 编辑了我的答案,有意义吗? :)
猜你喜欢
  • 2014-07-24
  • 2016-03-14
  • 1970-01-01
  • 2013-04-27
  • 1970-01-01
  • 1970-01-01
  • 2018-06-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多