jQuery 实现 Ajax 的方法： $.get() 、 $.post() 、 $.getJSON() 、 .load()

$.get()用法

参数	类型	说明
url	String	必选，发送请求的地址
data	PlainObject 或 String	发送到服务器的数据
success	Function(PlainObject result, String textStatus,jqXHR jqxhr)	请求成功后调用的函数参数 result ：可选，由服务器返回的数据
dataType	String	预期服务器返回的数据类型，包括： XML 、 HTML 、 Script 、 JSON 、 JSONP 、 text

$.post()用法

参数	类型	说明
url	String	必选，发送请求的地址
data	PlainObject 或 String	发送到服务器的数据
success	Function(PlainObject result, String textStatus, jqXHR jqxhr)	请求成功后调用的函数参数 result ：可选，由服务器返回的数据
dataType	String	预期服务器返回的数据类型，包括： XML 、 HTML 、 Script 、 JSON 、 JSONP 、 text

$.getJSON()用法

参数	类型	说明
url	String	必选，发送请求的地址
data	PlainObject 或 String	发送到服务器的数据
success	Function(PlainObject result, String textStatus, jqXHR jqxhr)	请求成功后调用的函数参数 result ：可选，由服务器返回的数据

在Ajax中直接返回HTML

在 Ajax 中直接返回 HTML—— 这个没有做笔记

.load()用法

参数	类型	说明
url	String	必选，发送请求的地址
data	PlainObject 或 String	发送到服务器的数据
complete	Function(String response Text, String textStatus, jqXHR jqxhr)	可选，对每个匹配的元素设置完内容后都会触发该函数参数responseText ：可选，服务器返回的结果数据参数textStatus ：可选，描述请求状态的字符串参数jqxhr ：可选， jqxhr 是 XMLHttpRequest的超集

.load()不是全局函数，而是针对与选择器匹配的元素执行

包含匿名回调函数，自动将返回值设置为匹配元素的 HTML 内容

默认使用get方式请求，除非data参数是一个对象，则使用post方式

基于表单数据的Ajax请求

使用 jQuery 提供的方法简化处理

.serializeArray()

$.param()

使用FastJSON生成JSON字符串

// 包含值为 null 的字段，数值为 null 输出 0 ， String 为 null 输出 “”

String strJSON = JSON.toJSONString ( javaObject,

SerializerFeature.WriteMapNullValue,

SerializerFeature.WriteNullNumberAsZero,

SerializerFeature.WriteNullStringAsEmpty );

jQuery让渡$操作符

课后作业

一、请写出 $.get() 、 $.post() 、 $.getJSON() 、 .load() 的调用方法及 $.ajax() 方法的关系

二、请写出 jQuery 解析表单的常用方法及其作用

三、简述 jQuery 和其他脚本库冲突的解决办法

答案

$.get( )方法是 jQuery 封装的发送 HTTP GET 请求从服务器加载数据的 Ajax 方法，相当于 $.ajax 的

get 方式的调用。

$.post( )是 jQuery 封装的发送 HTTP POST 请求从服务器加载数据的 Ajax 方法，相当于 $.ajax 的 post

方式的调用。

$.getJSON()是 jQuery 封装的发送 HTTP 请求从服务器加载 JSON 数据的 Ajax 方法，采用 GET 方

式。

.load( )是 jQuery 封装的发送 HTTP 请求从服务器加载 HTML 数据的 Ajax 方法，默认采用 GET 方

式。

1.jQuery的 .serializeArray( ) 方法会从一组表单元素中检测有效控件，将其序列化成由 name 和 value 两个属性构成的JSON 对象的数组

2.要发送数据到服务器，还需进一步将数据序列化成请求字符串的形式，可以通过 $.param( ) 方法实现

jQuery让渡有两种方式第一种使用 jQuery.noConflict() 进行让渡，让渡 $ 的使用权，后续 jQuery 代码中只能使用jQuery 代替 $ 。

第二种方式即使用其它符号代替 $ ，首先定义一个符号 var $j =jQuery.noConflict(); 让渡 $ 的使用权，并指定用 $j 代 $ 。

Ajax交互扩展