web网页前后端交互方式

参考该文，

一、前端通过表单<form>向后端发送数据

前端是通过html中的<form>表单，设置method属性定义发送表单数据的方式是get还是post。

如使用get方式，则提交的数据会在url中显示；如使用post方式，提交的数据会在数据体中显示（如下图所示，按下F12键，查看。），如此action属性并未写后端的url地址，则默认是向当前页面推送（ps：如果，图中显示的链接是一串英文符号，是因为当前页面的url中有中文，中文被转换）。

通过action属性，

 

 二、javascript中通过dom来改变网页的内容，结构和样式

前端中，通过文档对象模型（Document Object Model,简称Dom）来修改html中的标签，参考该文。