客户端请求服务端的方式
客户端请求服务端的方式
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术: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不要处理发送的数据和设置请求头,否则会对发送的数据进行编译
注意:提交文件或图片的时候,只能设置ajax中的method的提交方式为post请求,get请求会对文件或图片进行编译,使传递到服务器的文件或图片损坏
总结:无论是什么请求方式,都是需要设置请求的路径、发送的数据、接收来自服务器的返回值的。只需要理解在什么时候用什么请求方式就OK了。