0

私はDjangoフォームを持っています。また、フォーム送信時に確認/キャンセル ダイアログが必要です。jQuery から POST データを送信するというアイデアがありましたが、javascript ダイアログをミドルウェアとして使用する方法はありますか?

4

1 に答える 1

3

必要に応じて次のコードを Html に追加します。

<form><input type="submit" value="Submit" id="confirm"/> </form>

および確認ダイアログの jQuery コード

<script>
    jQuery("#confirm").click(function(){
        $("<div></div>").appendTo('body')
           .html('<div><h3> write your message for confirm dialog</h3></div>')
           .dialog({
                title: "Confotm Dialog" ,
                width:500, height:300,
                modal:true,
                resizable: false, 
                show: { effect: 'drop', direction: "left" }, 
                hide:{effect:'blind'}

                buttons: {
                    Yes: function() {
                          jQuery.ajax({
                              type:"POST", //post data
                              data:{'key':key}, //if you want to send any data to view 
                              url:'/get_viewerModal/' // your url that u write in action in form tag
                          }).done(function(result){
                               alert("am done") //this will executes after your view executed  
                          })
                     },
                    Cancel: function() {
                        $( this ).dialog( "close" );
                    }
               }
           });
    });
<script>

ここでは ajax の知識が必要ですが、非常に使いやすいので、必ずこれを行ってください :)

于 2013-01-24T07:30:06.367 に答える