客户端请求服务端的方式

                  客户端请求服务端的方式

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：VS与C#

作者：黄富滔

撰写时间：2020年08月13日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

纯js写法：使用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不要处理发送的数据和设置请求头，否则会对发送的数据进行编译
6. 

 

注意：提交文件或图片的时候，只能设置ajax中的method的提交方式为post请求，get请求会对文件或图片进行编译，使传递到服务器的文件或图片损坏

 

 

总结：无论是什么请求方式，都是需要设置请求的路径、发送的数据、接收来自服务器的返回值的。只需要理解在什么时候用什么请求方式就OK了。