javascript二维数组(21)执行异步HTTP（Ajax）请求的方法（$.get、$.post、$getJSON、$ajax）-Toy模板网

这篇具有很好参考价值的文章主要介绍了javascript二维数组(21)执行异步HTTP（Ajax）请求的方法（$.get、$.post、$getJSON、$ajax）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

执行异步HTTP（Ajax）请求的方法

$. g e t 、$ .post、 $g e t J SON 、$ ajax都是jQuery提供的用于执行异步HTTP（Ajax）请求的方法。每个方法都有其特定的用途和区别。

$. g e t ：这个方法使用 GET 方式来进行异步请求。其语法结构为：$ .get(url[, data][, callback])。这里的url是请求的地址，data是可选参数，表示发送至服务器的key/value数据，会作为QueryString附加到请求URL中。callback也是可选参数，表示当ajax返回成功时自动调用的函数。
$. p os t ：这个方法使用 POST 方式来进行异步请求。其语法结构为：$ .post(url[, data][, callback])。与$.get类似，url是请求的地址，data是可选参数，表示发送至服务器的key/value数据。callback也是可选参数，表示当ajax返回成功时自动调用的函数。
$g e t J SON ：这个函数是设置了 J SON 参数的$ .ajax函数的简化版本。其语法结构为：$.getJSON(url[, data][, callback])。它使用GET方式来进行异步请求，发送至服务器的数据会被作为JSON格式的数据发送。callback是可选参数，表示当ajax返回成功时自动调用的函数。
$. aja x ：这是 j Q u ery 底层的 A ja x 实现，是一种通用的底层封装。$ .ajax()请求数据之后，需要使用回调函数，有beforeSend、error、dataFilter、success、complete等。其语法结构为：$.ajax({type: url, data: object, success: function(result)})。这里的type是请求的类型（如’GET’，‘POST’），url是请求的地址，data是发送至服务器的数据，success是请求成功时执行的回调函数。

$. g e t 、$ .post、 $g e t J SON 都是为了简化 A ja x 请求而提供的高层实现，而$ .ajax则是jQuery底层的Ajax实现，提供了更多的控制和灵活性。

. g e t 和 .get和 .get和.post的差异

$. g e t 和$ .post是jQuery中常用的两种提交方式，它们在使用和功能上有一些明显的区别。

请求数据包的数量： $. g e t 请求产生一个 TCP 数据包，而$ .post请求产生两个TCP数据包。这是由于 $. g e t 请求，浏览器会将 h ttp h e a d er 和 d a t a 一起发送，而服务器响应 200 （返回数据）。对于$ .post请求，浏览器会先发送header，服务器响应100 continue，然后浏览器再发送data，服务器响应200（返回数据）。
安全性：在浏览器回退时， $. g e t 是无害的，而$ .post会再次请求。这意味着使用$.get时，如果用户在浏览器中浏览其他页面或刷新页面，请求会被重新发送，可能会导致不希望的结果。
URL可见性： $. g e t 产生的 U R L 地址可以被 b oo kma r k ，即可以通过书签保存，而$ .post不可以。因为 $. g e t 请求的参数都体现在 u r l 上，所以可以被书签保存。而$ .post请求的参数放在request body中，对任何人都是不可见的（不会显示在浏览器的地址栏），所以不能被书签保存。
数据缓存： $. g e t 请求会被浏览器主动 c a c h e ，而$ .post不行（除非设置）。因为 $. g e t 请求的参数都体现在 u r l 上，所以可以被浏览器缓存。而$ .post请求的参数放在request body中，所以不能被浏览器缓存。
参数的传递方式：对于参数的数据类型， $. g e t 只接受 A SC II 字符，而$ .post无限制。另外， $. g e t 通过 u r l 传参不安全，不能传敏感信息，长度收限制 2 kb ，而$ .post相对更安全，无长度限制（可配置）。
数据类型： $. g e t 请求只能进行 u r l 编码，而$ .post可以多种方式。例如：application/x-www-form-urlencoded 表单——>数组、multipart/form-data 文件上传(表单上传时enctpe的值)、application/json 序列化的json字符串、text/xml等。

$. g e t 和$ .post各有其优点和缺点。在选择使用哪种方式时，需要根据具体的应用场景和需求来决定。例如，对于小量数据和安全性要求不高的场景，可以使用 $. g e t ；对于大量数据和安全性要求较高的场景，如登录和密码修改等操作，建议使用$ .post。

. g e t 和 .get和 .get和.post请求数据格式：

application/json：这是最常见的数据格式，用于在请求和响应中传输JSON数据。在$.post请求中，如果使用application/json格式，请求体的数据需要使用JSON序列化格式。
application/x-www-form-urlencoded：这是表单数据的默认格式，用于在请求中传输键值对。在这种格式中，参数名称和值都需要进行URL编码，以便在URL中传输。
multipart/form-data：这种格式用于在请求中传输二进制数据，例如文件上传。在这种格式中，请求体可以包含多个部分，每个部分都有自己的内容和编码。
text/xml：这种格式用于在请求和响应中传输XML数据。它通常用于Web服务请求，如SOAP消息等。

@漏刻有时文章来源地址https://www.toymoban.com/news/detail-725705.html

到了这里，关于javascript二维数组(21)执行异步HTTP（Ajax）请求的方法（$.get、$.post、$getJSON、$ajax）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！