Vue,Django前后端分离,开发Openstack(五)Django,Vue前后端交互方法
1. Vue前端请求数据方法
this.$ajax.post('/api/login', this.qs.stringify(this.validateForm)).then( res => {
if (res.data.status == 0)
{
this.dialogVisible = false;
window.location.reload()
}
}).catch( res => {})
- this.$ajax,这个是在main.js中已经声明了的
- 在上节Vue跨域设置中,将/api替代了http://127.0.0.1:8081/horizon
- this.qs.stringify,qs已经在main.js中声明了,这条语句将json格式的内容封装成表单格式,发送给后端,如果不这样做,后端收不到要提交的内容。
@csrf_exempt
def login(request):
username = request.POST.get('username')
user_domain_name = request.POST.get('domain')
password = request.POST.get('password')
@csrf_exempt
这个必须要有,否则跨域不了- 暴露出url
from django.urls import path
from . import views
urlpatterns = [
path('', views.index, name='index'),
path('login',views.login, name='login'),
]
注意: 下一节内容:django调用openstack api(keystone)
推荐阅读
- 前端|ES6模块化使用_前端培训
- eslint\prettier|eslint-plugin-vue 对于vue文件没有起格式检查作用
- vue|Vue3.0 使用 ant-design-vue
- 前端学习历程总结|猿创征文|我的前端学习之旅【来自一名大四老学长的真情流露】
- 前端高频面试题(六)(附答案)
- C语言|初级指针详解
- sap获取系统时间_C++获取当前系统时间的方法总结
- 轻量级消息队列|轻量级消息队列 Django-Q 轻度体验
- 免费线上讲习班(使用|免费线上讲习班:使用 vue3 开发扫雷游戏)
- 写给前端的|写给前端的 react-native 开发入门指南