前后台交互方式

Posted 2021-03-08 cnhyk

前后台数据交互的几种方式

form表单方式

1）get | post 两种请求方式，get请求包含直接在浏览器中输入url回车后发送的请求

https://www.xxx.com/home/next?pk=1&&name='张三'

2）该方式的特点是一定会发生页面的跳转（刷新页面叫本页跳转） - 后台决定页面路由

ajax异步方式

1）get | post | patch | put | delete 等众多请求方式，请求的目的都是异步获取后台的数据

2）该方式的特点是不会刷新页面，只是得到新的数据，前台自己完成页面的局部刷新、整体刷新、页面跳转 - 前台决定页面路由

i）前后台不分离项目，采用form表单请求，可以完成页面跳转，同步ajax异步请求完成页面局部刷新
ii）前后台分离项目，不采用form表单请求，页面刷新、页面跳转的请求，都是由ajax完成，只不过页面跳转，后台相应的是跳转的目标url，前台再自己完成跳转

iii）前后台分离项目，前台也会出现大量的form表单，但是form表单的提交按钮，走的不是form表单的submit提交，而是ajax请求