form表单提交数据,会刷新页面,造成新的一次请求

会对用户体验造成影响

当数据量不大的时候,可以考虑使用无刷新方式完成功能

需用到ajax技术

ajax请求流程

在这里插入图片描述

ajax功能

在不重新加载页面的情况下,对面面进行局部的刷新

功能演练

》写一个测试页面,来一个按钮

》导入jquery到模板页面中

》前端js代码编写

点击按钮,就发一个ajax请求,请求一个路径

完成后试一试,看是否有请求产生

》写路由

》写视图,视图返回一个json字符串

return JsonResponse(字典)

》前端收这个字符串,并显示出来

ajax请求排错

ajax的请求是偷偷的发送的,无刷新,用户察觉不到

因此如果出了错,也查觉不到,页面没反应

可以

1,控制台看

2,响应中看

在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐