ajax
通过ajax发送一条数据
定义urls.py
from django.conf.urls import url
from django.contrib import admin
from cmdb import views
urlpatterns = [
url(r‘^ajax_demo/‘, views.ajax_demo),
]
定义views.py
from django.shortcuts import render
from django.shortcuts import HttpResponse
# Create your views here
def ajax_demo(request):
if request.method == ‘POST‘:
ret = {‘status‘:False,‘message‘:‘‘} #定义存储状态信息和错误信息的字典
user = request.POST.get(‘user‘,None) #获取ajax发送过来的user
pwd = request.POST.get(‘pwd‘,None) #获取ajax发送过来的pwd
if user == ‘111‘ and pwd == ‘222‘: #判断ajax发送过来的数据
ret[‘status‘] =True #如果判断正确的话就把状态置为True
return HttpResponse(json.dumps(ret)) #然后把 {‘status‘:True,‘message‘:‘‘} 返回给回调函数,回调函数里的data就等于这个字典
else:
ret[‘message‘] = "用户名或密码错误"
return HttpResponse(json.dumps(ret)) #把错误信息的字典返回给回调函数,回调函数里的data就等于这个字典
return render(request,‘ajax_demo.html‘)
ajax_demp.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<p>用户名:<input type="text" id="user"/></p>
</div>
<div>
<p>密码: <input type="password" id="pwd"/></p>
</div>
<input type="button" value="提交" onclick="SubmitForm()"/>
<script src="/static/jquery-1.12.4.js"></script>
<script>
#当提交按钮被点击时,触发submitform函数
function SubmitForm() {
#发送ajax请求
$.ajax({
url:‘/ajax_demo/‘, #提交表单内容到/ajax_demo函数
type:‘POST‘, #以post的方式提交
data:{‘user‘:$(‘#user‘).val(),‘pwd‘:$(‘#pwd‘).val()}, #获取用户在input标签的输入内容
dataType:‘json‘,
success:function (data) { #回调函数,当后台(指views中的ajax_demo函数)return HttpResponse之后.该函数自动执行
if(data.status){ #data就是后台返回的数据,如果用户输入正确后台就返回status为True的字典，那data就等于这个字典
location.href = "http://www.baidu.com"; #跳转到百度
}else{
alert(‘用户名或密码错误‘) #弹出报错框
}
}
})
处理流程
时间： 2024-10-22 06:56:21