집 > 기사 > 웹 프론트엔드 > Django Ajax 사용법 튜토리얼

Django Ajax 사용법 튜토리얼

亚连원래의: 2018-05-22 13:57:441286검색

이 글은 주로 Django Ajax의 사용법 튜토리얼을 소개합니다. 필요한 친구들은 참고하면 됩니다.

소개:

AJAX = 비동기 JavaScript 및 XML.

AJAX는 새로운 프로그래밍 언어가 아니라 기존 표준을 사용하는 새로운 방식입니다.

AJAX는 전체 페이지를 다시 로드하지 않고도 서버와 데이터를 교환하고 웹 페이지의 일부를 업데이트하는 기술입니다.

Ajax

웹 페이지에서 작업을 요청할 때 페이지를 새로 고칠 필요가 없는 경우가 많습니다. 이 기능을 구현하기 위한 기술에는 Ajax가 필요합니다!

jQuery의 Ajax는 페이지를 새로 고치지 않고도 백그라운드에 데이터를 요청하거나 제출하는 기능을 구현할 수 있습니다. 이제 django에서 ajax를 수행하는 데 사용되므로 버전이 높을수록 좋습니다.

1. Ajax는 간단한 데이터 유형을 보냅니다.

html 코드: 여기서는 간단한 문자열만 보냅니다.

달려, 결과:

2. Ajax는 복잡한 데이터 유형을 보냅니다.

html 코드: 사전 데이터 유형이 포함된 목록만 여기로 전송됩니다.

전송된 데이터 유형은 다음과 같습니다. 목록 사전이므로 미리 문자열 형식으로 변환해야 합니다. 그렇지 않으면 백그라운드 프로그램에서 수신한 데이터 형식이 우리가 원하는 형식이 아니므로 ajax

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

views.py를 통해 데이터를 전송할 때 JSON이 필요합니다.

<!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 = $(&#39;#name&#39;).val();
     $.ajax({
       url:&#39;app03/ajax/&#39;,
       type:&#39;POST&#39;,
       data:{data:temp},
       success:function(arg){
         console.log(arg);
       },
       error:function(){
         console.log(&#39;failed&#39;)
       }
     });
   }
   </script>
 </html>

인쇄 데이터 스타일:

위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

Django Ajax 사용법 튜토리얼

관련 기사