So verwenden Sie Django Ajax-js-Tutorial-php.cn

So verwenden Sie Django Ajax

php中世界最好的语言

Freigeben： 2018-03-31 15:30:28

Original

1776 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie Django Ajax verwenden und welche Vorsichtsmaßnahmen bei der Verwendung von Django Ajax gelten. Hier sind praktische Fälle, werfen wir einen Blick darauf.

Einführung:

AJAX = Asynchrones JavaScript und XML (asynchrones JavaScript und XML).

AJAX ist keine neue Programmiersprache, sondern eine neue Art, bestehende Standards zu nutzen.

AJAX ist die Kunst, Daten mit einem Server auszutauschen und Teile einer Webseite zu aktualisieren, ohne die gesamte Seite neu zu laden.

Ajax

Wenn wir einen Vorgang auf einer Webseite anfordern, müssen wir die Seite oft nicht aktualisieren. Die Technologie zum Erreichen dieser Funktion erfordert Ajax!

ajax in jQuery kann die Funktion zum Anfordern oder Senden von Daten im Hintergrund realisieren, ohne die Seite zu aktualisieren. Laden Sie daher zuerst jquey herunter , desto besser.

1. Einfaches Ajax-VersendenDatentyp:

HTML-Code: Hier senden wir nur einen einfachen String

views.py

 #coding:utf8
 from django.shortcuts import render,HttpResponse,render_to_response
 def Ajax(request):
   if request.method=='POST':
     print request.POST
     return HttpResponse('执行成功')
   else:
     return render_to_response('app03/ajax.html')

Nach dem Login kopieren

ajax.html

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Ajax</title>
 </head>
 <body>
   <input id=&#39;name&#39; type=&#39;text&#39; />
   <input type=&#39;button&#39; value=&#39;点击执行Ajax请求&#39; onclick=&#39;DoAjax()&#39; />
   <script src=&#39;/static/jquery/jquery-3.2.1.js&#39;></script>
   <script type=&#39;text/javascript&#39;>
   function DoAjax(){
     var temp = $('#name').val();
     $.ajax({
       url:'app03/ajax/',
       type:'POST',
       data:{data:temp},
       success:function(arg){
         console.log(arg);
       },
       error:function(){
         console.log('failed')
       }
     });
   }
   </script>
 </html>

Nach dem Login kopieren

Ausführen, Ergebnis:

2. Ajax sendet komplexe Datentypen:

HTML-Code: Hier nur einen senden. Die Liste enthält Wörterbuchdaten Typ

Da der gesendete Datentyp das Format eines Listenwörterbuchs hat, müssen wir ihn vorab in eine Zeichenfolgenform konvertieren. Andernfalls entspricht das vom Hintergrundprogramm empfangene Datenformat nicht dem von uns gewünschten Typ, sodass JSON erforderlich ist beim Übertragen von Daten über Ajax

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-">
 <title>Ajax</title>
 </head>
 <body>
   <input id=&#39;name&#39; type=&#39;text&#39; />
   <input type=&#39;button&#39; value=&#39;点击执行Ajax请求&#39; onclick=&#39;DoAjax()&#39; />
   <script src=&#39;/static/jquery/jquery-3.2.1.js&#39;></script>
   <script type=&#39;text/javascript&#39;>
   function DoAjax(){
     var temp = $('#name').val();
     $.ajax({
       url:'app03/ajax/',
       type:'POST',
       data:{data:temp},
       success:function(arg){
         var obj=jQuery.parseJSON(arg);
         console.log(obj.status);
         console.log(obj.msg);
         console.log(obj.data);
         $('#name').val(obj.msg);
       },
       error:function(){
         console.log('failed')
       }
     });
   }
   </script>
 </html>

Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

 #coding:utf
 from django.shortcuts import render,HttpResponse,render_to_response
 import json
 # Create your views here.
 def Ajax(request):
   if request.method=='POST':
     print request.POST
     data = {'status':,'msg':'请求成功','data':['','','']}
     return HttpResponse(json.dumps(data))
   else:
     return render_to_response('app/ajax.html')

Nach dem Login kopieren

So übergeben Sie Sonderzeichendaten in Ajax

Detaillierte grafische Erklärung von domänenübergreifenden Ajax-Problemen (Code beigefügt)

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Django Ajax. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!