堆栈花园的jQuery学习备忘录——jQuery实现Ajax

一、jQuery实现Ajax

没有jQuery之前，使用XMLHttpRequest实现Ajax，一共有4个步骤。而jQuery简化了Ajax请求的处理。用三个函数就可以实现Ajax。

二、函数

1. $.ajax()

jQuery中实现Ajax的核心函数。

• 语法：
  向函数传参，参数是json数据。

$.ajax({name:value,name:value,...})

json结构的参数说明：
（1） async
boolean类型的值，默认是true，表示异步请求，反之表示同步请求。（由于默认，可以不写）
（2） contentType
字符串，表示从浏览器发送到服务器参数的类型。（想明确表示参数是json：“application/json”，也可以不写）
（3） data
可以是字符串，数组，json，表示请求的参数和参数值。常用的是json。
（4） dataType
表示希望从服务器端返回的数据格式（xml，html，text，json）
（5） error
一个function，当请求发生错误，执行这个function。
（6） sucess
一个function(data)，当请求成功时，从服务器端返回了数据，会执行这个function。（相当于使用XMLHttpRequest对象时，当readyState == 4 && status == 200的时候，data就是responseText）
（7） url
请求的地址
（8） type
请求方式，get或者post，默认是get。
- 主要用其中的url，data，dataType，success。

2. $.post()

使用post方式实现Ajax请求。
语法：

$.post(url,data,function(resp),dataType)

3. $.get()

使用get方法实现Ajax请求。
语法：

$.get(url,data,function(resp),dataType)

• $.post()和$.get()的内部都是调用了$.ajax()