取消表单方式的提交
使用ajax方式提交
》效果
用户输入用户名和密码
点击提交
如果用户名密码正确,那么就跳转页面(思考谁跳转)
如果用户名或者密码不正确,就显示错误的信息(错误信息由谁提供?)
》前端思考的问题
1,往哪个路径提交,什么方式提交
2,提交时传什么参数过去
3,后端会返回什么过来
》后端要处理的事情
前端通过什么路径来访问我
如何获取数据(URL获取?GET,POST方式获取?)
返回什么给前端
》双方交流沟通
返回值来一个字典吧
{“stat":1, “data”:数据}
{“stat”:0, “msg”:错误内容}
代码开始前端
》ajax格式建起来
》获取input框中的表单数据
》表单数据拼到ajax里的data中
》请求结果分析
根据后端传回的数据,给出不同的反应
1,用户名,密码正确时。
跳转页面。
location.href = 网址
2,不正确时。
显示错误信息
后端
》视图
获取用户名和密码
校验
返回json数据
》注意事项
后端给ajax的请求返回时
不要跳转,redirect
不要渲染,render
要么返回HttpResponse
要么返回JsonResponse
为什么?
因为前端只需要字符串而已
不要返回前端用不着的东西