JqueryとDjangoの統合

Question

Jquery-uiダイアログとdjango関数を統合する方法はありますか？

私は、jquery-uiダイアログでコード化されたフォームを持っています。このフォームが送信されたときにjqueryがdjango関数を呼び出すことを望みますが、URLに変数を渡すことはありません。出来ますか？

誰かが私に手がかりを与えることができますか？

おかげ

[UPDATED] 私はコードが正しいことを考え出したが、Djangoはおそらく、CSRF保護するので、リターンERRO 403です。どのように私はこの保護を無効にせずに修正できますか？あなたがGETの代わりにPOST HTTPメソッドを使用する必要が

$("#dialog-form").dialog({ 
     autoOpen: false, 
     height: 430, 
     width: 350, 
     modal: true, 
     draggable: false, 
     resizable: false, 
     buttons: { 
      "Confirm": function() { 
       var bValid = true; 
       allFields.removeClass("ui-state-error"); 

       bValid = bValid && checkLength(name2, "name2", 6, 80); 
       bValid = bValid && checkLength(email, "email", 6, 80); 


       bValid = bValid && checkRegexp(email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "some-error-msg..."); 

       if (bValid) { 
        $("#users tbody").append("<tr>" + 
         "<td>" + name.val() + "</td>" + 
         "<td>" + email.val() + "</td>" + 
         "<td>" + name2.val() + "</td>" + 
        "</tr>"); 


        $.post("", {'csrfmiddlewaretoken':'{csrf_token}}'}, function(data) { 

         alert(data);// ---> data is what you return from the server 
        }, 'json'); 

        $(this).dialog("close"); 
       } 
      }, 
      "Cancel": function() { 
       $(this).dialog("close"); 
      } 
     }, 

     close: function() { 
      allFields.val("").removeClass("ui-state-error"); 
     } 
    }); 

Answer 1

： はここに私のjqueryの-UIコードです。 POSTはbase64でエンコードされたパラメータを投稿する際にURLにパラメータを追加せず、URLには表示されません。

json形式の任意のDjangoオブジェクトをシリアル化してexampleとし、jsonをビューで返します。

Full stack example（サイト上で不愉快な色には申し訳ありません）

Answer 2

この作品を作成するには2個必要です。

• djangoの最後に、フォームの送信時に呼び出す関数を記述します。それを保持するための良い場所はviews.pyです。 urls.pyにエントリを追加して、djangoはそのURLにアクセスするたびにこの関数を呼び出すことができます。
• クライアントサイドで、フォームのcubmitイベントをキャッチし、上記のurls.pyで追加したURLへのajax呼び出しを行います。

これは、必要な作業の概要です。いくつかの場所で立ち往生する場合は、最初の部分のヘルプについてはdjangoチュートリアルを、2番目の部分についてはjquery ajaxのマニュアルを試してください。