パイソン - ジャンゴ - jQueryのは、単純なAJAXを達成します

AJAXパーシャルリフレッシュインスタンス：

jQueryのAJAX要求を使用して基本的な伝送

index.htmlを：

      { "I1"：$（ "＃1 I1"）のval（）、 "I2"：$（ "＃1 I2"）のval（）}、 成功：関数（データ）{ 
        $（ "＃1 I3"）ヴァル。 （データ）; 
      } 
    }）
  }）
</スクリプト>



</ BODY> 
</ HTML>

 urls.py：

django.conf.urlsインポートURLから
app01インポートビューから


urlpatterns = [ 
    URL（ '^インデックス/ R'、views.index）、
    URL（ '^ ajax_add / R'、views.ajax_add）
]

views.py：

django.shortcutsからレンダリングインポート、のHttpResponse 


DEF指数（要求）：
    復帰（リクエスト、 "index.htmlを"）をレンダリング


DEF ajax_add（リクエスト）：
    NUM1 = request.GET.get（ "I1"）
    NUM2 = request.GET.get （ "I2"）
    RET = INT（NUM1）+ INT（num2の）
    リターンはHttpResponse（RET）

訪問は、http：//127.0.0.1：8000 /インデックス/

 

 グループの数を入力し、「AJAX送信」ページをクリックして更新されない結果を計算します

 

例AJAXコード解析：

 

<ボタンID = "B1"> AJAX テスト</ button>の
<SCRIPT> 
  $（ "＃b1と"）をクリックします（関数（）{＃b1のidはボタンがクリックされている場合。
    $アヤックス（{ 
      URL：「/ ajax_add / "URLの＃AJAX要求されたデータの
      種類：" "モード＃が要求され、GET 
      データを：{" I1 "：$ （" ＃i1を"）12のval（）,." "：$（" ＃i2を「）。 データ＃1に送信するヴァル（）}、
      成功：関数（データ）{関数が実行された場合＃要求が正常に処理される
        。$（「＃1 I3」）のval（データ）＃ データを埋めるのに後端から返さI3における
      } 
    }）
  }）
</ SCRIPT>