Question

我有一个表单场景，用户从多个表单中选择一个表单并开始填充它。填写完成后，当他/她点击提交按钮时，数据将被发布到服务器，成功操作后服务器返回状态为OK然后我显示用户弹出用户将获得确认。现在当用户点击弹出窗口上的确定按钮时，我想再次向用户显示相同的表单。为此，表格需要刷新。如何使用angularJS完成。我正在开发带有离子框架的cordova app，它里面有AngularJS。

我的表格div是这样的：

                var formId = html.Id;
                var url = base_url+"put/putFormFilledRawData.php";
                var data = $(obj.target).serialize();
                    $http.post(url, data).
                    success(function(data, status, headers, config) {
                        if(data.alert == 'SUCCESS'){
                            var myPopup = $ionicPopup.show({
                                title: 'Confirmation',
                                subTitle: 'Your data has been submitted successfully',
                                scope: $scope,
                                buttons: [
                                    {
                                        text: '<b>Ok</b>',
                                        type: 'button-calm',
                                        onTap: function(e) {
                                            $(this).hide();
                                        }
                                    },
                                ]
                            });
                        }else{
                            var myPopup = $ionicPopup.show({
                                title: 'Error Report',
                                subTitle: 'Unknown error has been occurred',
                                scope: $scope,
                                buttons: [
                                    {
                                        text: '<b>Ok</b>',
                                        type: 'button-calm',
                                        onTap: function(e) {
                                            $(this).hide();
                                        }
                                    },
                                ]
                            });
                        }

我的控制器看起来像这样：

=IFERROR(INDEX(Table1[#Headers],
               ISNUMBER(MATCH([@Name], Table1[Fruit], 0))*1+
               ISNUMBER(MATCH([@Name], Table1[Color], 0))*2+
               ISNUMBER(MATCH([@Name], Table1[Meat], 0))*3),
       "no column")

Answer 1

您需要重置表单。你可以通过像这样的普通javascript使用重置功能

document.getElementById("form_id").reset();

或使用像这样的jquery

$('#form_id').trigger("reset");

您可以在模态的关闭弹出功能中调用此功能。

如何在提交数据后将表单刷新到以前的非数据状态

1 个答案: