2017-02-19 3 views
0

私はAJAXとJavaScriptを学ぶために開発中の小さなアプリケーションを持っています。これにはsaveボタンをクリックするとトリガーされるメソッドsaveData()があります。すべて正常に動作していますが、ページが爽やかでウェブを検索してJavaScriptメソッドevent.preventDefault()が見つかったことに気付きました。このメソッドはうまくいきました。しかし、それは問題になってしまいました。私のモーダルダイアログは閉じずに開いたままでした。再び、私はhideメソッドを"close"モーダルに見つけました。それが解決しました、BUT私はモーダルを開くためにクリックすると、私はDBに送られた最近のデータを持ってきてくれます。私はJavaの背景から来て、私はhideを殺さなかったと考え始めました。モーダルです。Bootstrapモーダルをどのように '処分'しますか?

私の質問: 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. 
     } 
    }); 

    } 
+1

リフレッシュを防ぐために、ボタンタイプ=「ボタン」に入れる:

私のモーダルIDを使用すると、任意のprolemを持っている場合、あなたはあなたを助けるかもしれないリンクを参照することができ#modal

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

です。 –

+0

@ShalomPelesそれは私が見ることができるが、今は '処分'モーダル – JWizard

+0

あなたは決してブートストラップモーダルを処分することはありません。あなたができることはそれを隠してそれを示すことです –

答えて

0

あなたは自分のinputタグにあなたはモーダルを開くたびに値をクリアすることができます。

+0

もちろんですが、それを行う方法はありませんか? – JWizard

+0

jqueryの使い方を知っていますよね?あなたの入力タグにidを入れてください。そしてあなたがあなたのモーダルを開く度に、このコードをインクルードするたびに '$( '#idOfYourInput')。val( '');'それをリセットします。 –

関連する問題