Javascript 我们如何'；处置'；引导模式？

我正在开发一个小应用程序来学习AJAX和JavaScript。在这里，我有一个方法

saveData（）

，当单击

save

按钮时会触发该方法。一切正常，但我意识到页面正在刷新，所以我搜索了web，找到了JavaScript方法

event.preventDefault（）

。这种方法效果很好。但这让我陷入了问题，我的模态对话框是保持打开而不是关闭。再次，我找到了

hide

方法来

“关闭”

模式。这就解决了问题，但是当我点击打开模式时，它会给我带来最近发送到数据库的数据。我来自Java背景，我开始认为

隐藏

没有杀死模态

我的问题：是否有一种方法可以像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.
       }
    });

  }

---

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

我已经在清除所有值的模式中遇到了这个问题。但是我在隐藏模式后使用了以下代码

我的模态id是

#模态

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

---

如果您有任何问题，那么您可以参考可能对您有帮助的链接：

添加到按钮type=“button”以防止刷新。@ShalomPeles它可以工作，我明白了，但是现在到“dispose”模式您从不处理引导模式。您所能做的就是隐藏并显示它您知道如何使用jquery，对吗？在输入标签上添加一个id。然后，每次打开模式时，都要包含以下代码-

$（'idOfYourInput'）.val（“”）重置它。