内容简介：Django Ajax的使用
简介：
AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。
AJAX 不是新的编程语言，而是一种使用现有标准的新方法。
AJAX 是与服务器交换数据并更新部分网页的艺术，在不重新加载整个页面的情况下。
Ajax
很多时候，我们在网页上请求操作时，不需要刷新页面。实现这种功能的技术就要Ajax！
jQuery中的ajax就可以实现不刷新页面就能向后台请求或提交数据的功能，现用它来做django中的ajax，所以先把jquey下载下来，版本越高越好。
一、ajax发送简单数据类型：
html代码：在这里我们仅发送一个简单的字符串
views.py
1 #coding:utf8
2 from django.shortcuts import render,HttpResponse,render_to_response
3
4 def Ajax(request):
5 if request.method=='POST':
6 print request.POST
7
8 return HttpResponse('执行成功')
9 else:
10 return render_to_response('app03/ajax.html')
ajax.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>Ajax</title>
6 </head>
7 <body>
8 <input id='name' type='text' />
9 <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
10
11 <script src='/static/jquery/jquery-3.2.1.js'></script>
12 <script type='text/javascript'>
13 function DoAjax(){
14 var temp = $('#name').val();
15 $.ajax({
16 url:'app03/ajax/',
17 type:'POST',
18 data:{data:temp},
19 success:function(arg){
20 console.log(arg);
21 },
22 error:function(){
23 console.log('failed')
24 }
25 });
26 }
27 </script>
28 </html>
运行，结果：
二、ajax发送复杂的数据类型：
html代码：在这里仅发送一个列表中包含字典数据类型
由于发送的数据类型为列表 字典的格式，我们提前要把它们转换成字符串形式，否则后台程序接收到的数据格式不是我们想要的类型，所以在ajax传输数据时需要JSON
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>Ajax</title>
6 </head>
7 <body>
8 <input id='name' type='text' />
9 <input type='button' value='点击执行Ajax请求' onclick='DoAjax()' />
10
11 <script src='/static/jquery/jquery-3.2.1.js'></script>
12 <script type='text/javascript'>
13 function DoAjax(){
14 var temp = $('#name').val();
15 $.ajax({
16 url:'app03/ajax/',
17 type:'POST',
18 data:{data:temp},
19 success:function(arg){
20 var obj=jQuery.parseJSON(arg);
21 console.log(obj.status);
22 console.log(obj.msg);
23 console.log(obj.data);
24 $('#name').val(obj.msg);
25 },
26 error:function(){
27 console.log('failed')
28 }
29 });
30 }
31 </script>
32 </html>
views.py
1 #coding:utf8
2 from django.shortcuts import render,HttpResponse,render_to_response
3 import json
4
5 # Create your views here.
6 def Ajax(request):
7 if request.method=='POST':
8 print request.POST
9 data = {'status':0,'msg':'请求成功','data':['11','22','33']}
10 return HttpResponse(json.dumps(data))
11
12 else:
13 return render_to_response('app03/ajax.html')
打印数据样式：
以上所述就是小编给大家介绍的《Django Ajax的使用》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- RecyclerView使用指南（一）—— 基本使用
- 如何使用Meteorjs使用URL参数
- 使用 defer 还是不使用 defer?
- 使用 Typescript 加强 Vuex 使用体验
- [译] 何时使用 Rust？何时使用 Go？
- UDP协议的正确使用场合（谨慎使用）
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
HTTP Essentials
Stephen A. Thomas、Stephen Thomas / Wiley / 2001-03-08 / USD 34.99
The first complete reference guide to the essential Web protocol As applications and services converge and Web technologies not only assume HTTP but require developers to manipulate it, it is be......一起来看看 《HTTP Essentials》 这本书的介绍吧!
