Django Ajax的使用教程

2024-09-01 08:30:26

字体：大中小

来源：转载

供稿：网友

　　ajax是集成在一起的，它都是以减少页面加载数量的技术组合起来的，通常我们使用ajax来减轻最终用户的体验，那么下面就让我们一起来了解Django Ajax的使用教程吧！

Ajax

　　很多时候，我们在网页上请求操作时，不需要刷新页面。实现这种功能的技术就要Ajax！

jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能，现用它来做django中的ajax，所以先把jquey下载下来，版本越高越好。

一、ajax发送简单数据类型：

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>

运行，结果：

二、ajax发送复杂的数据类型：

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

打印数据样式：