当前位置：首页 > 资讯 > 技术文档

Django Ajax的使用教程

时间：2020-02-23 06:13 编辑：来源：阅读：
扫一扫，手机访问

摘要：Django Ajax的使用教程

[b]简介：[/b] AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX 不是新的编程语言，而是一种使用现有标准的新方法。 AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。 [b]Ajax[/b] 　　很多时候，我们在网页上请求操作时，不需要刷新页面。实现这种功能的技术就要Ajax！ jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能，现用它来做django中的ajax，所以先把jquey下载下来，版本越高越好。 [b]一、ajax发送简单数据类型：[/b] html代码：在这里我们仅发送一个简单的字符串 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')

ajax.html

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>Ajax</title>
 </head>
 <body>
   <input id='name' type='text' />
   <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
   <script src='/static/jquery/jquery-3.2.1.js'></script>
   <script type='text/javascript'>
   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>

运行，结果： [img]http://files.jb51.net/file_images/article/201706/2017060509242017.png[/img] [img]http://files.jb51.net/file_images/article/201706/2017060509242018.png[/img] [b]二、ajax发送复杂的数据类型：[/b] html代码：在这里仅发送一个列表中包含字典数据类型由于发送的数据类型为列表字典的格式，我们提前要把它们转换成字符串形式，否则后台程序接收到的数据格式不是我们想要的类型，所以在ajax传输数据时需要JSON

<!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-">
 <title>Ajax</title>
 </head>
 <body>
   <input id='name' type='text' />
   <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
   <script src='/static/jquery/jquery-3.2.1.js'></script>
   <script type='text/javascript'>
   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>

views.py

 #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')

打印数据样式： [img]http://files.jb51.net/file_images/article/201706/2017060509242019.png[/img] [img]http://files.jb51.net/file_images/article/201706/2017060509242020.png[/img] 以上所述是小编给大家介绍的Django Ajax的使用教程，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持！

全部评论(0)

上一篇：基于Jquery.history解决ajax的前进后退问题
下一篇：细数Ajax请求中的async:false和async:true的差异

资讯排行榜
更多>>