一、前后台分离开发的概念
1. 前台页面运行在前台服务器上,负责页面的渲染(静态文件的加载)与转跳
2. 后台代码运行在后台服务器上,负责数据的处理(提供数据请求的接口)
二、跨域请求数据
1. 前台与后台有跨域问题,解决跨域
安装django-cors-headers模块
在settings.py中配置
INSTALLED_APPS = [
...
'corsheaders'
]
MIDDLEWARE = [
...
'corsheaders.middleware.CorsMiddleware'
]
CORS_ORIGIN_ALLOW_ALL = True
2. 前台代码
$.ajax({
url: 'http://127.0.0.1:8731/login/',
type: 'post',
data: {
usr: 'abc',
pwd: '123'
},
success: function (data) {
console.log(data);
// 可以完成页面的局部刷新
}
})
3. 后台代码
def login(request):
if request.method == 'POST':
usr = request.POST.get('usr', None)
pwd = request.POST.get('pwd', None)
if usr == 'abc' and pwd == '123':
return JsonResponse({
'status': 'OK', 'usr'