前后台数据交互方式-非Ajax方式和Ajax方式

非Ajax方式

方式

没有使用Ajax对象发送的请求，都是非Ajax的。
常用的的非Ajax请求的方式有：

1. from表单提交数据。
2. 超链接发送请求。
3. window.localtion.href。

特点

浏览器发起的非Ajax请求，在后台处理完成后，浏览器再接收到此次请求的响应结果后，会覆盖当前页面，只显示新的相应结果。

注意

因为非Ajax请求的相应结果，被浏览器接收后会直接覆盖原有内容只显示新的，所以在后台处理完非Ajax请求处理，必须将处理结构和页面代码拼接好相应给浏览器
（请求转发/重定向/EL表达式/Jstl标签库）

非Ajax方式

方式

浏览器使用Ajax对象完成请求的发送

特点

浏览器在接收到响应数据后，并不会直接进行覆盖原有内容显示，而是触发回调函数的执行，将响应结果传递给回调函数，根据回调函数的逻辑，将数据显示到当前页面的指定位置。

注意

浏览器在接收Ajax请求的响应结果后，会触发回调函数的执行，完成数据和页面的拼接，也就是数据和页面的拼接动作发送在浏览器端。

开发模式（前后端分离）

1. 前端工程师负责页面的编写
2. 后端工程师负责逻辑功能的编写
   注意：必须将功能的请求数据和响应数据的格式提前定义好。

总结

页面的请求：非Ajax获取页面
功能的请求Ajax完成

代码007普通

打赏 收藏 海报 链接