Question

我正在开发一个小应用程序来学习AJAX和JavaScript。在此，我有方法saveData()，在单击save按钮时触发。一切正常，但我意识到页面很新鲜，所以我搜索了网页并找到了JavaScript方法event.preventDefault()。这种方法很好。但这让我陷入困境，我的模态对话框保持开放而不是关闭。我再次找到了hide方法"close"模态。这解决了它，但是当我点击打开模态时它会给我带来最近发送给数据库的数据。我来自Java背景，我开始认为hide没有杀死模态。

我的问题：在Java中使用JFrame.dispose()方法完成销毁模式是否有方法？

我使用的代码如下：

   function saveData(){
    var name=$('#nm').val();
    var email=$('#em').val();
    var phone=$('#hp').val();
    var address=$('#al').val();
    event.preventDefault();//prevent the page from refresh
    $.ajax({
       type:"post",
       url:"server.php?p=add",
       data:{nm:name,em:email,hp:phone,al:address},
       success: function(data){
        viewData();
        $('#addData').modal('hide');//close the modal.
       }
    });

  }

Answer 1

每次打开模态时，您都可以清除输入标记中的值。

Answer 2

我已经用模态清除所有值来解决这个问题。但是我在隐藏模态后使用了以下代码。

我的模态ID为#modal

$('#modal').hide();
$('#modal')
    .find("input,textarea,select")
       .val('')
       .end()
    .find("input[type=checkbox], input[type=radio]")
       .prop("checked", "")
       .end();

如果您有任何问题，那么您可以参考可能对您有帮助的链接：How to clear all input fields in bootstrap modal when clicking data-dismiss button?

我们如何'处置'一个Bootstrap模式？

2 个答案: