メソッド= POSTで定義されたjQueryのUIダイアログフォームのサブミットGETへの変換方法

Question

jQueryとjQueryのUIダイアログを理解するのに少し役立ちます。

フォームを含むhtmlページを読み込むために、jQuery v1.8.18 UIダイアログとjQuery v1.7.1を使用しています。フォーム自体は、Djangoテンプレートによって生成されました。フォームに記入して「送信」をクリックすると、Djangoサーバー側に表示されているHTTPリクエストを確認しました。サーバーはGET型のAjax要求と空のGETおよびPOST辞書を要求します。

予想される結果は、実際の送信データが入ったPOSTになります。誰かがUIダイアログがPOST要求をGETに変更した方法を理解できますか？私はFirebugを使用していますが、いくつかのデバッグアイデアが必要です。ありがとう。要素＃友人-要求はちょうどHTMLのアンカーである

<script> 
     $(document).ready(function() { 
      var $dialog = $('<div></div>').load('/friend-request/').dialog({autoOpen:false, title:'Friend Request', modal:true}); 
     $('#friend-request').click(function() { 
      $dialog.dialog('open'); 
       // prevent the default action, e.g., following a link 
       return false;}); 

     }); 
</script> 

：

これは、私はUIのダイアログを作成する方法です。私のフォームはダイアログにうまくロードされました。生成されたHTMLフォームコードを次に示します。

<form id="id-friendreq" method="post"> 
    <div style="display:none"><input type="hidden" value="12a94012df543b050d69f46f0" name="csrfmiddlewaretoken"></div> 
    <div class="ctrlHolder" id="div_id_to_user"> 
     <label for="id_to_user"> 
      To user<span class="asteriskField">*</span> 
     </label> 
     <input type="text" maxlength="15" name="to_user" id="id_to_user"> 
    </div> 
    <div class="ctrlHolder" id="div_id_message"> 
     <label for="id_message"> 
      Message<span class="asteriskField">*</span> 
     </label> 
     <textarea class="textarea" cols="40" id="id_message" name="message">Hi, please add me as your friend.</textarea> 
    </div> 
<div class="buttonHolder"> 
     <input type="submit" id="submit-id-submit" class="submit submitButton button white" value="Submit" name="submit"> 
</div> 
</form> 

Answer 1

あなたにAjaxのオプションtypeを設定していない場合：あなたが明示的に使用してPOSTリクエストを使用する必要がある場合は正直に言って、そのちょうど約データは、あなたにも

GETクエリとPOSTデータを送信することができます「POST」か、$ .post（のような便利なメソッドを使用して）、デフォルトは

http://api.jquery.com/jQuery.ajax/

Answer 2

投稿方法は、データを提出する場合にのみ使用されます。

$(el).load(url,data,success) 

データを入力していない場合は、空のgetクエリと同じです。サーバー側でも、データを送信しないと、サーバーが投稿を行ったのか、リクエストを受け取ったのかをサーバーが知る方法はありません。

$.post(url,{},function(data){$('<div></div>').html(data)});