首页 > 自动化运维 > python > Django 之ajax学习
2016
06-21

Django 之ajax学习

在django中通过ajax如何获取html中输入的数据。

下面看代码

ajax.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div>
		<input type="date" id="dateBegin"/>
		<input type="date" id="dateEnd"/>
		<!--  onclick 触发DaAjax函数  -->
		
		<input type='button' value='确定' onclick='DoAjax();'>
		
					
		<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.min.js"></script>
		<script type='text/javascript'>
			function DoAjax(){
				/*
				#将input中的值动态传给temp和temp1
				*/
				var temp = $('#dateBegin').val();
				var temp1 = $('#dateEnd').val();
				$.ajax({
					/*
					#提交的url */
					url:'',
					/*
					#请求的方法*/
					type: 'POST',
					/*
					#将数据保存到字典中*/
					data:{Begin:temp,End:temp1},
					/*
					#如果传递成功就返回HttpResponse('OK')中的值,此处的arg就是ok*/
					success: function(arg){
						/*#在console中打印出arg和success */
						console.log(arg);
						console.log('success');
						
					},
					/*
					#如果传递失败就在console中返回failed*/
					error:function(){
						console.log('failed');
					}
				});
										
				}
			</script>
	
	</div>
</body>
</html>

views.py

# -*- coding:utf-8 -*-
from django.shortcuts import render, render_to_response
from django.http.response import HttpResponse
import time

# Create your views here.

def ajax(request):
    #判断请求的方法是否是POST
    if request.method == 'POST':
        #获取POST提交的数据
        day = request.POST
        print day
        #获取返回字典的值
        Begin = day['Begin']
        End = day['End']
        
        print  Begin
        print  End
        #将ok信息返回给前端页面
        return HttpResponse('OK')
    else:
        #如果请求的方法不是POST就请求ajax.html
        return render_to_response('ajax.html')

urls.py

url(r'^ajax/', views.ajax),

通过以上代码实现获取ajax.html中输入的日期


效果演示

1、html中输入

blob.png

2、后端获取数据

blob.png




最后编辑:
作者:tshare365
这个作者貌似有点懒,什么都没有留下。
捐 赠您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请狠狠点击

留下一个回复