数据持久化第七课-URL重写与Ajax
一.预习笔记
1.URL重写(对网页地址进行保护)
首先编写module,实现对网络地址的处理
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/cdbd5cc664cd490fa3733a1c33411275.png)
其次就是module的配置
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/9f1f72c900634d48a136b64439a414b6.png)
最后验证url重写技术
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/923d2e9c1ca04d72acbaef966eba5295.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/0c3cf5d330f447c4bca67615742ad585.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/6d406cc740a94d3eb660afae682b34f9.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/d9809aa867a14c1a8e87c909681ae8f6.png)
2.Ajax数据交互
编写后端响应数据
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/0e8a936e32c540759ee7d32e0ba13d7c.png)
处理跨域的配置问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/789802f86b9b42e69e40e94738eaa688.png)
运行项目得到后端响应数据的地址
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/238165cf2aff4707972909ee4149e490.png)
编写前端ajax进行数据请求
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/b79945000e954b7c981ceba7070a6097.png)
运行前端代码测试结果
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/731d3f8fbd094c82a9559409f34b90c0.png)
Ajax综合案例1查询所有:
后端编写接口(涉及EF数据建模,集合转变为JSON字符串,跨域处理)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e0eb12be579645bfb3ef7c0df7b7517f.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/bcdd3962b19640c3ab95a72cbd66b297.png)
前端接收数据,解析数据,渲染数据,显示数据
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/e6c126ee0e2d4941bb367d37cc3279d1.png)
二.课堂笔记
三.课后回顾
–行动是治愈恐惧的良药,犹豫拖延将不断滋养恐惧
原文地址:https://blog.csdn.net/xiaoyaoprefecture/article/details/139415227
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。
本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:https://www.suanlizi.com/kf/1799751302717247488.html
如若内容造成侵权/违法违规/事实不符,请联系《酸梨子》网邮箱:1419361763@qq.com进行投诉反馈,一经查实,立即删除!