vue傳送ajax請求

建立乙個django工程,例如 login.建立完成之後,再建立乙個子應用,例如users.最後再設定一下模板檔案

在模板檔案中建立乙個axios.html,內容如下

登入    delimiters:["[[","]]"],

data: ,
})

#url設定

from django.conf.urls import url
from users.views import showloginview
urlpatterns = [
url(r'^show/$',showloginview.as_view()),
]#檢視
class showloginview(view):
def get(self,request):
return render(request,'axios.html')

[[ message ]]

登入-get
登入-get2
登入-post
delimiters:["[[","]]"],
data: ,
methods:else if (response.data.code == '400') 
}).catch(error=>)
},login2:function()
}).then(response=>else if (response.data.code == '400') 
}).catch(error=>)
},login3:function()).then(response=>else if (response.data.code == '400') 
}).catch(error=>)}}
})

1.因為vue的模板變數和django的模板變數分隔符衝突,所以需要修改vue的分隔符delimiters:["[[","]]"]2.箭頭函式解決這個指向的問題

#定義路由

from django.conf.urls import url
from users.views import showloginview, loginview
urlpatterns = [
url(r'^show/$',showloginview.as_view()),
url(r'^login/$',loginview.as_view()),
]#定義檢視
class loginview(view):
def get(self, request):
#獲取引數
username = request.get.get('username')
password = request.get.get('password')
#驗證引數並返回相應
if username == 'admin' and password == '123':
return jsonresponse(})
else:
return jsonresponse()
def post(self, request):
# 獲取引數
data = json.loads(request.body.decode())
username = data.get('username')
password = data.get('password')
# 驗證引數並返回相應
if username == 'admin' and password == '123':
return jsonresponse(})
else:
return jsonresponse()

vue 傳送ajax請求

使用axios傳送ajax請求 1 安裝axios並引入 3 通過script src的方式進行檔案的引入 2 傳送get請求 1 基本使用格式 格式1 axios options 這種格式直接將所有資料寫在options裡，options其實是個字典 格式2 axios.get url optio...

vue 使用axios傳送ajax請求

1 首先匯入兩個包，乙個是vue的包，乙個是axios的包 script script 資料的雙向繫結 input v model inputdata type text 事件繫結 input click searchdata type button value 搜尋 列表渲染 for ser in...

傳送Ajax請求

get請求傳送資料量較小，不能大於2kb，引數追加在url後面，看的到明碼的請求引數值。post請求傳送資料量大小不受限制，請求通過http post機制 將請求引數放在html header中傳輸，看不到明碼的請求引數值。步驟一 建立非同步物件 步驟二 設定請求的url引數,引數一是請求的型別,引...