用jquert使用ajax技术
来源:互联网 发布:尚学堂大数据极限班 编辑:程序博客网 时间:2024/06/17 12:53
jQuery 发送的所有 Ajax 请求,内部都会通过调用 $.ajax() 函数来实现
1.ajax()中的参数详解:
url:一个用来包含发送请求的字符串
async:是否异步请求,默认为true
cache:表示浏览器是否缓存此页面。默认为true。
data:发送到服务器的数据。数据必须为{"key:value"}的形式
method:Http请求方法(比如:"get","post"),默认为"get"
dataType:从服务器返回你期望的数据类型。
"json":把响应的结果当做json执行,并返回一个javaScript对象;
JSON数据以严格的方式解析;
任何畸形的JSON将被拒绝,并且抛出解析错误信息;
在JQuery1.9中,一个空响应也将被拒绝,服务器应该返回null或者{}响应代替
"xml":返回xml文档
"html":返回html文档
"script":把响应的结果当做json执行,并将其当做纯文本返回
"text":返回纯文本字符串
timeout:设置请求超时时间(单位:毫秒)
beforeSend:请求发送前的回调函数。返回false将取消这个请求
complete:请求完成后的回调函数(请求success,error之后均回调)该选项可以接受一个函数数组,每个函数将被依次调用
error:请求失败时调用此函数
success:请求成功后的回调函数。可以接受一个函数数组。每个函数将依次被调用
statusCode:一组数值的http代码和函数对象,当响应时调用了相应的代码。(默认为{})
例如 $.ajax( {
statusCode: {
404:function() {
//对应操作
}
}
});
2.几个已经封装好的简便应用:
1)$.get(url[,data][,success][,dataType])
url:待载入页面的url地址
data:{key:value}形式的数据
success:载入成功时执行的回调函数
dataType:返回内容格式
使用一个HTTP GET请求从服务器加载数据。这是一个Ajax功能的缩写,这相当于:
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
2)$.post(url[,data][,success][,dataType])
使用一个HTTP POST 请求从服务器加载数据。 这是一个 Ajax 函数的简写形式,这相当于:
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
3)$.getJSON("xxx.json",[,data][,success])
(json是一种以字符串输入,但是以key-value成对为数据的文件例如:
{"key1":"value1","key2":number,"key3":"value3"} )
使用一个HTTP GET请求从服务器加载JSON编码的数据。这是一个Ajax函数的缩写,这相当于:
$.ajax({
dataType: "json",
url: "xxx.json",
data: data,
success: success
});
4)$dom.load(url[,data][,complete])
载入远程 HTML 文件代码并插入至 DOM 中。
例如:
$("#f").load("f.html");(加载 feeds.html 文件内容。)
如果 url 参数的字符串中包含一个或多个空格,那么第一个空格后面的内容,会被当成是 jQuery 的选择器,从而决定应该加载返回结果中的哪部分内容。$('#result').load('ajax/test.html #container');//载入test.html中的 $("#container")
3.全局Ajax事件处理
$dom.ajaxComplete()
注册一个处理函数,在Ajax请求结束时调用它。这是一个Ajax事件。
$dom.ajaxError()
注册一个处理函数,在Ajax请求以出错告终时调用它。这是一个Ajax事件。
$dom.ajaxSend()
附加一个函数,在一个Ajax请求发送之前执行它。这是一个Ajax事件。
$dom.ajaxStart()
注册一个处理函数,当第一个Ajax请求开始之前调用它。这是一个Ajax事件。
$dom.ajaxStop()
注册一个处理函数,当所有的Ajax请求都结束时调用它。这是一个Ajax事件。
$dom.ajaxSuccess()
附加一个函数,当一个Ajax请求成功地结束时执行它。这是一个Ajax事件。
1.ajax()中的参数详解:
url:一个用来包含发送请求的字符串
async:是否异步请求,默认为true
cache:表示浏览器是否缓存此页面。默认为true。
data:发送到服务器的数据。数据必须为{"key:value"}的形式
method:Http请求方法(比如:"get","post"),默认为"get"
dataType:从服务器返回你期望的数据类型。
"json":把响应的结果当做json执行,并返回一个javaScript对象;
JSON数据以严格的方式解析;
任何畸形的JSON将被拒绝,并且抛出解析错误信息;
在JQuery1.9中,一个空响应也将被拒绝,服务器应该返回null或者{}响应代替
"xml":返回xml文档
"html":返回html文档
"script":把响应的结果当做json执行,并将其当做纯文本返回
"text":返回纯文本字符串
timeout:设置请求超时时间(单位:毫秒)
beforeSend:请求发送前的回调函数。返回false将取消这个请求
complete:请求完成后的回调函数(请求success,error之后均回调)该选项可以接受一个函数数组,每个函数将被依次调用
error:请求失败时调用此函数
success:请求成功后的回调函数。可以接受一个函数数组。每个函数将依次被调用
statusCode:一组数值的http代码和函数对象,当响应时调用了相应的代码。(默认为{})
例如 $.ajax( {
statusCode: {
404:function() {
//对应操作
}
}
});
2.几个已经封装好的简便应用:
1)$.get(url[,data][,success][,dataType])
url:待载入页面的url地址
data:{key:value}形式的数据
success:载入成功时执行的回调函数
dataType:返回内容格式
使用一个HTTP GET请求从服务器加载数据。这是一个Ajax功能的缩写,这相当于:
$.ajax({
url: url,
data: data,
success: success,
dataType: dataType
});
2)$.post(url[,data][,success][,dataType])
使用一个HTTP POST 请求从服务器加载数据。 这是一个 Ajax 函数的简写形式,这相当于:
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
3)$.getJSON("xxx.json",[,data][,success])
(json是一种以字符串输入,但是以key-value成对为数据的文件例如:
{"key1":"value1","key2":number,"key3":"value3"} )
使用一个HTTP GET请求从服务器加载JSON编码的数据。这是一个Ajax函数的缩写,这相当于:
$.ajax({
dataType: "json",
url: "xxx.json",
data: data,
success: success
});
4)$dom.load(url[,data][,complete])
载入远程 HTML 文件代码并插入至 DOM 中。
例如:
$("#f").load("f.html");(加载 feeds.html 文件内容。)
如果 url 参数的字符串中包含一个或多个空格,那么第一个空格后面的内容,会被当成是 jQuery 的选择器,从而决定应该加载返回结果中的哪部分内容。$('#result').load('ajax/test.html #container');//载入test.html中的 $("#container")
3.全局Ajax事件处理
$dom.ajaxComplete()
注册一个处理函数,在Ajax请求结束时调用它。这是一个Ajax事件。
$dom.ajaxError()
注册一个处理函数,在Ajax请求以出错告终时调用它。这是一个Ajax事件。
$dom.ajaxSend()
附加一个函数,在一个Ajax请求发送之前执行它。这是一个Ajax事件。
$dom.ajaxStart()
注册一个处理函数,当第一个Ajax请求开始之前调用它。这是一个Ajax事件。
$dom.ajaxStop()
注册一个处理函数,当所有的Ajax请求都结束时调用它。这是一个Ajax事件。
$dom.ajaxSuccess()
附加一个函数,当一个Ajax请求成功地结束时执行它。这是一个Ajax事件。
阅读全文
0 0
- 用jquert使用ajax技术
- JQuert
- 用jQuert制作轮播图-兼容各种浏览器
- Ajax使用的技术
- 用jQuert制作轮播图-兼容各种浏览器2
- 用jQuert制作轮播图-兼容各种浏览器3
- jquert $.post()
- JQuert选择器
- 基于JAVA技术使用AJAX
- java中使用Ajax技术
- 使用xmlHttpRequest实现Ajax技术
- C#使用Ajax技术叫用后台逻辑代码
- 展示几个使用Ajax技术的站点
- 快速、简便使用AJAX技术的三部曲
- 使用AJAX技术的十大理由
- 展示几个使用Ajax技术的站点
- 展示几个使用Ajax技术的站点
- 展示几个使用Ajax技术的站点
- 使用脚本发送命令到控制台
- java基础随笔
- 机器学习笔记(3)-SVM
- linux网络编程(epoll反应堆)
- 使用HttpClient实现Http通信
- 用jquert使用ajax技术
- 求出1~999之间的所有“水仙花数”并输出
- LeetCode基础-查找-二叉查找树
- Spark Streaming Accumulator 并发问题
- 每日linux-bg,fg,jobs,&
- 数据结构与算法分析(Java语言描述)(3)—— 冒泡排序
- iOS 应用程序生命周期
- HTML学习03-图片显示
- Toxophily HDU