ページを更新せずにサーバーからデータを受信

Question

おはよう！ 私は許します許して、私はプログラミングでゼロです。しかし、私は学びたい。ページを更新することなく、POSTメソッドを使用してデータを転送する必要があります。 djangoを通して、javascriptとviews.pyはどのように見えるのですか？ "ボタン" に

"送信" から "Войти" ボタンのHTML形式のページ最初の変化型で

<form class="form-horizontal" role="form" method="post" id="lol"> 
      <div class="form-group"> 
      <label for="" class="col-sm-2 control-label">ФИО</label> 
       <div class="col-sm-4"> 
      <input name="firstname" class="form-control" placeholder="ФИО"> 
       </div> 
      </div> 
      <div class="form-group"> 
      <label for="" class="col-sm-2 control-label">Шифр Группы</label> 
       <div class="col-sm-4"> 
      <input name="Code" class="form-control" placeholder="Шифр Группы"> 
       </div> 
      </div> 
      <div class="form-group"> 
      <label for="" class="col-sm-2 control-label">Пол</label> 
       <div class="col-sm-4"> 
      <input name="Pol" class="form-control" placeholder="М или Ж"> 
       </div>   </div> 
      <div class="form-group"> 
      <label for="" class="col-sm-2 control-label">Семейное положение</label> 
       <div class="col-sm-4"> 
      <input name="Floor" class="form-control" placeholder="0 или 1"> 
       </div> 
      </div> 
      <div class="form-group"> 
      <label for="" class="col-sm-2 control-label">Номер комнаты</label> 
       <div class="col-sm-4"> 
      <input name="Room" class="form-control" placeholder="Номер комнаты"> 
       </div> 
       </div> 
    <div class="form-group"> 
    <div class="col-sm-offset-2 col-sm-10"> 
     <button type="submit" class="btn btn-default">Войти</button> 
    </div> 
    </div> 
</form> 
<div class="examples"> 

    <script language="javascript" type="text/javascript"> 
    </script> 

    <div class="results">Ждем ответа</div> 

    @csrf_exempt 
def polls(request, form=None): 
    if request.method == 'POST' and form.is_valid(): 
     pass 
    else: 
     return render(request, 'base.html') 

Answer 1

<div class="col-sm-offset-2 col-sm-10"> 
    <button type="submit" id="submit_button" class="btn btn-default">Войти</button> 
</div> 

すべての入力要素にIDタグを追加します。例えば

<input name="firstname" id="firstname" class="form-control" placeholder="ФИО"> 
<input name="Code" id="Code" class="form-control" placeholder="Шифр Группы"> 

は、次に次に次にあなたのアプリでurls.pyファイルを作成ジャンゴ

urlpatterns = [ 

    url(r'',include('YourAppName.urls')), 
] 

のurls.pyファイルを投影するこの行を追加しますhtmlページ

<script type="text/javascript"> 
    $('#submit_button').click(function(){ 

     $.ajax({ 
      url: '/submit/', 
      data: { 
      'firstname': $("#firstname").val(), 
      'Code': $("#Code").val(), 
      // and all other input element 

      }, 
      type: 'post', 
      cache: false, 

      success: function (data) { 
      if (data.status) 
      { 
      alert('Post method'); 
      } 
      else{ 
       alert('error') 
      } 
      } 

     }); 


    }); 
</script> 

にスクリプトを追加しますディレクトリと追加します

from django.conf.urls import url 
from . import views 

urlpatterns = [ 
    url(r'^submit/', views.get_ajax_request, name='ajaxPost'), 
] 

あなたのコードは次のようになります

import json 
from django.shortcuts import HttpResponse 
from django.core.serializers.json import DjangoJSONEncoder 

def get_ajax_request(request): 

    room = request.POST.get('Room') # get html element value by name tag of element 
    ############## 
    Your Operation 
    ############## 

    response = {'status':True,'msg':'Success'} 
    return HttpResponse(json.dumps(response, cls=DjangoJSONEncoder))