内容简介: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协议的正确使用场合(谨慎使用)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
开发高质量PHP框架与应用的实际案例解析
Sebastian Bergmann / 刘文瀚、刘海燕 / 清华大学出版社 / 2012-6 / 49.00元
PHP已经成为最受欢迎的编程语言之一,这使得用PHP创建高质量、易维护的应用程序和框架比以往受到更多的青睐。通过使用来自于知名公司的真实案例研究,《开发高质量PHP框架与应用的实际案例解析》为Web软件体系结构的不同层次介绍了规划、执行以及测试自动化方面的内容,并解释了这些公司如何测量和测试软件质量。《开发高质量PHP框架与应用的实际案例解析》作者Sebastian Bergmann、Stefan......一起来看看 《开发高质量PHP框架与应用的实际案例解析》 这本书的介绍吧!