一、Ajax
通过jquery调用ajax
前端三步，地址，类型，传值
后台一步，success接受调用
$.ajax({
#传递地址
url:'/test_ajax',
# 传递类型
type:'GET',
#传递给后台的数据
data:{user:'root',pwd:'123'},
#成功后从后台返回的数据
success:function (data) {
}
})
二、后台联动
入门理解
html 页面
Title提交
$(function () {
$('#ajax_text').click(function () {
$.ajax({
url:'/test_ajax',
type:'POST',
data:{user:$('#user').val(),pwd:$('#pwd').val()},
success:function(data){
#接收后台返回值
if(data=='ok'){
location.href='http://www.baidu.com'
}else{
alert(data);
}
}
})
})
})
views.py
def test_ajax(request):
if request.method =='POST':
u = request.POST.get('user')
p = request.POST.get('pwd')
if u and p:
#返回给ajax接受的值
return HttpResponse('ok')
else:
return HttpResponse('defeated')
elif request.method =='GET':
return render(request,'ajax_text.html')
json 理解
创建models.py知识点
1.创建字典例如 ret = {'status':True,'error':None,'data':None}
2.判断条件错误和异常时时给ret['status']，ret['error']分别赋值赋值
3.HttpResponse 只接受字符串，需要用json.dumps转码
def test_ajax(request):
#提前封装好的字典
ret = {'status':True,'error':None,'data':None}
if request.method =='POST':
try:
u = request.POST.get('user')
p = request.POST.get('pwd')
if u and p:
print(u,p)
else:
ret['status'] = False
ret['error'] = '用户名密码错误'
#异常处理
except Exception as e:
ret['status'] = False
ret['error'] = '异常'
#将字典转换成字符串
import json
return HttpResponse(json.dumps(ret))
elif request.method =='GET':
return render(request,'ajax_text.html')
创建html的知识点
1.JSON.parse将字符串转换成字典
html
提交
$(function () {
$('#ajax_text').click(function () {
$.ajax({
url:'/test_ajax',
type:'POST',
#form $(name).ser
data:{user:$('#user').val(),pwd:$('#pwd').val()},
success:function(data){
var obj = JSON.parse(data)
#通过字典取值
if(obj.status){
location.href='http://www.baidu.com'
}else{
$('#erro_msg').text(obj.error);
}
}
})
})
})
