jQuery 封装 ajax 的使用方法

今天，我们来学习一下jQuery封装ajax的使用方法（我来自逆战班）

1.什么是jQuery？

jQuery是一个简洁而快速的JavaScript库，里面定义了各种函数方法，直接写直接用，可以使用很多功能。它有三大优点

1. 强大的选择机制—方便获取标签对象
2. 优质的隐式迭代—默认对数组中的所有标签进行操作
3. 无所不能的链式编程—再复杂的操作，一行代码搞定

2.jQuery 封装 ajax 的使用方法一 —— get请求方式

下面，我们直接上图

get请求方式语法为 $.get() ，在()内的参数是对象形式。参数有4个，其中 url 是必须填的参数，其他的参数是选填参数。第一个参数 url，是地址，第二个参数 data，是以对象形式存在的携带的参数，第三个参数是dataType，是期望的数据类型，如果是json，会将后端返回的 json 串自动解析，第四个参数 success，其后是请求成功时执行的函数。

3.jQuery 封装 ajax 的使用方法二 —— post请求方式

其实，post请求方式与get请求方式基本一样，只不过语法为 $.post()

()内的内容同 get 方式

4.jQuery 封装 ajax 的使用方法三 —— ajax请求方式

$.ajax()是一种综合方式，看图

()中内容同上面两种方式差不多，只是，对象中有N多个参数，这里先写一些常用的，不常用的等下介绍。由图中可见，多了一个参数为type，这就是用来设定请求方式的，这个参数既可以是type，也可以是method，默认情况下，是get方式，若是post方式，就像图中设置即可。接下来，介绍一些不常用的参数

• async：设定如何执行ajax请求，默认值是true，异步执行ajax请求
• error：function(){} 请求错误时执行的函数，请求成功的时候，不会执行
• timeout：设定一个时间，单位是毫秒，如果请求的时间超过了设定的时间，就认为是请求失败，前提是，必须是异步执行的ajax请求
• cache：设定是否缓存请求结果，默认值是true，缓存请求结果，前提必须是get方式，post方式不会缓存，设定了也没有效果
• context：指定执行函数中this的指向

以上是$.ajax()方式中一些不常用的参数，需要时设定即可