2021-06-08

Get（）和Post（）

Ajax = 异步JavaScript和XML，是一种创建快速网页的技术，下面的这个小案例（form表单提交）就是用来更了解AJAX的get（）和post（）两个方法，它们用于服务器请求数据，两种在客户端和服务端进行请求-响应的两种方法。

看一下案例的基本布局

此案例用的是Visual Studio 这个开发软件，它要展示的就是第一个按钮所说，把数据中保存在控制器中，这样需要的时候可直接从控制器中寻找，不用每一次都需要输入，这里我用的是JS的代码，代码如下

注意：在xhr.open(ajax/persondata)，需要与控制器定义的方法的一致

运用get与post方法，用于请求-响应数据，在案例中，获取到数据后，提交则跳转到其它的路径

先看一下get（）方法的代码

用的原生代码相对于jQuery来说，代码较长，get（）的接收方法也是多种，上述只是其中一种，js中的某些参数需与控制器定义的方法一致，一是URL，二是回调函数，缺一不可

Post（）方法

 

相同于get与post之间，二者在上述案例中，同样能提交数据，两者也是存在区别：get方法是向服务器上获取数据，而post是用来向服务器传递修改数据；

GET为form表单提交的默认方式；

URL，get是有着2048个字符的限制，而post无限制；

Get方式获取数据，刷新不会带有负面影响，因为只是获取数据，而post在重新提交后可能会产生不良影响，浏览器应告知用户数据会被重新提交

数据类型的限制：get只允许ASCII字符，则post无限制，如果需要提交二进制数据，可使用post方法

异步对于一个开发人员来说，是非常重要的，是必须掌握的一门功课