使用JQuery实现Ajax

通过原生JavaScript实现Ajax比较复杂，并且如果服务器返回复杂结构的数据，处理起来也会比较繁琐，此外还要考虑浏览器兼容性问题，JQuery将Ajax相关的操作进行了封装，使用jQuery实现了Ajax更加简洁方便

$.ajax() 方法：

$.ajax()可以通过发送HTTP请求加载远程数据，是jQuery最底层的Ajax实现，具有很高的灵活性

语法：$.ajax([settings]);      参数setting是$.ajax()方法的参数列表，用于配置Ajax请求的键值对集合，常用参数：

url                                   String                                            发送请求的地址，默认为当前页地址

type                                String                                            请求方式（post或get，默认为get）

data                    PlainObject 或 String  或者 Array             发送到服务器的数据

dataType                        String                                            预期服务器返回的数据类型，类型可以是XML,HTML,JSON,Text

beforeSend     Function(jqXHR jqxhr,String status)             发送请求前调用的函数，可用于设置请求头等，返回FALSE终止请求

success           Function(任意类型 result,                            请求成功后调用的函数，

                         String textStatus,jqXHR jqxhr)                    参数result：可选，由服务器返回的数据

                                                                                             参数textStatus：可选，错误信息

  $.ajax()方法的参数语法比较特殊，参数列表需要包含在一堆花括号“{}”之间，没个参数以“参数名”：“参数值”的方式书写；如有多个参数，以逗号“，”隔开。----JSON写法

示例：