Ajax交互扩展

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 $

相关文章

学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习...
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面...
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生...
Can’t connect to local MySQL server through socket \'/v...
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 ...
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服...