一、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);

}

}

})

})

})

總結

以上是生活随笔為你收集整理的django ajax 简书,Django_ajax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。