客户端请求服务端的方式

客户端请求服务端的方式

开发工具与关键技术：VS
作者：段涛
撰写时间：2021.12.18

纯 s js 写法：使用 t XMLHttpRequest 对象一般分为四个步骤：
1、创建一个 XMLHttpRequest 对象
2、XMLHttpRequest 对象向服务器发送请求
（1）：指明提交的方式（post 请求或 get 请求）和提交到服务器的具体某一个方法
（2）：指明要发送到服务器的文件或数据
3、浏览器与服务器建立连接
4、服务器响应，客户端接收来自客户端的返回值

Jquery 写法（分为四种，post 、get 、getJSON 、ajax） ）post 请求、get 请求、getJSON 请求
1、 url:发送请求地址。
2、 data:要发送到服务器的数据，一般使用键值对的形式来作为参数，也可以使用 FormData。
3、 callback:发送成功时回调函数，接收来自于服务器的返回值，提示用户操作的结果
总结：
（1）post 请求、get 请求、getJSON 请求的写法基本都是一样的，只不过作用上还是有区别的。

正文中所有图片不能用黑色背景
（2）getJSON 个人更喜欢用于仅仅请求数据，不接收返回值，例如一些修改模态框的数据回
填。
（3）get 请求的缺点：url 的长度最长为 2048 个字符、提交的数据可以在浏览器的路径上面
看到，所以说不安全，个人更喜欢用 post 请求getJSON 请求post 请求和 get 请求
ajax 请求（一般用于提交文件、图片到服务器）使用 ajax 请求一般要指定提交的方式、提交的路径、提交的数据以及接收返回值
1、method：提交的方式 post 或者 get
2、data：提交的数据、
3、url：提交的路径
4、success:回调函数，接收来自服务器的返回值
5、同时用要设置 processData 为 false，contentType 值为 false，目的是告诉 jQuery 不要处理发送的数据和设置请求头，否则会对发送的数据进行编译
注意：提交文件或图片的时候，只能设置 ajax 中的 method 的提交方式为 post 请求，get 请求
会对文件或图片进行编译，使传递到服务器的文件或图片损坏
总结：无论是什么请求方式，都是需要设置请求的路径、发送的数据、接收来自服务器的返回值的。只需
要理解在什么时候用什么请求方式就 OK 了。