jQuery.ajax( options ) Returns: XMLHttpRequest
example:
$.ajax({
type: "POST",
url: "some.php",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
以上options写了许多属性, 一看也能明白它们的含义。不过显得有些麻烦了,于是就有了简化版本:
jQuery.post( url, [data], [callback] ) Returns: XMLHttpRequest
以上的code就可以写成:
$post("some.php","name=John&location=Boston",function(msg){
alert( "Data Saved: " + msg );
});
除了post,当然还有get:
jQuery.get( url, [data], [callback] ) Returns: XMLHttpRequest
比较特殊的,还有:
jQuery.getJSON( url, [data], [callback] ) Returns: XMLHttpRequest
以get方式,从服务端获取json对象。get和post其实返回对象也可以是json, html,xml,json都行,因此这个方法感觉有些多余了, 实际用处应该不大。
还有一个特殊方式
jQuery.getScript( url, [callback] ) Returns: XMLHttpRequest
url指定了一个javascript脚本, 当脚本加载完毕则执行callback。这个形式不像前面都是异步请求返回业务需要的数据, 这里是动态加载javascript, 比较有意思。
sample:
$(document).ready(function(){
$.getScript("http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js", function(){
$("#go").click(function(){
$(".block").animate( { backgroundColor: 'pink' }, 1000)
.animate( { backgroundColor: 'blue' }, 1000);
});
Ajax Events:
ajax事件分了两种:local和global, local的是对ajax调用本身而言的,而global可以将事件注册到dom组件上。
local event:
$.ajax({
beforeSend: function(){
// Handle the beforeSend event
},
complete: function(){
// Handle the complete event
}
// ...
});
beforeSend和complete都是ajax调用中内部的事件,因此不可以绑定到其他组件。
global event:
$("#loading").bind("ajaxSend", function(){
$(this).show();
}).bind("ajaxComplete", function(){
$(this).hide();
});
ajaxSend是global的,因此既可以在ajax内部使用,也能绑定在dom元素之上。
global事件是可以禁止的:
$.ajax({
url: "test.html",
global: false,
// ...
});
事件类型还有一个规律, 凡是带了ajax开头的都是global的,否则就是local的。
而且几乎总有一个global事件跟local事件对应。
# beforeSend (Local Event)
This event, which is triggered before an Ajax request is started, allows you to modify the XMLHttpRequest object (setting additional headers, if need be.)
# ajaxSend (Global Event)
This global event is also triggered before the request is run.
# success (Local Event)
This event is only called if the request was successful (no errors from the server, no errors with the data).
# ajaxSuccess (Global Event)
This event is also only called if the request was successful.
# error (Local Event)
This event is only called if an error occurred with the request (you can never have both an error and a success callback with a request).
# ajaxError (Global Event)
This global event behaves the same as the local error event.
# complete (Local Event)
This event is called regardless of if the request was successful, or not. You will always receive a complete callback, even for synchronous requests.
# ajaxComplete (Global Event)
事件响应function基本都是如此:
function (event, XMLHttpRequest, ajaxOptions) {
this; // dom element listening
}
对于error的,最后还多一个thrownError参数
当需要调整某个ajax请求的参数的时候,ajaxSetup能够派上用场:
$.ajaxSetup({
url: "/xmlhttp/",
global: false,
type: "POST"
});
分享到:
相关推荐
Jquery ajax 读取txt文件 Jquery分页 Jquery ajax 读取txt文件 Jquery分页
php 用jquery ajax登陆,这是一个最简单的jquery ajax登陆实例,看了这个相信聪明的你能写出更好的东东!
Struts2+jQuery ajax的一个商品小系统Struts2+jQuery ajax的一个商品小系统
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...
jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...
实现Jquery Ajax 三种方案进行前后台数据传输,界面内容传值及返回值实例!
Jquery Ajax动态增删改查,Jquery Ajax
JQuery ajax的各种使用方法示例和说明 本示例程序由VS2010建立 c# asp.net ajax demo
jqueryAjax_无刷新调用另一页实例 要放在asp,jsp ,php 运行环境里
Jquery ajax 获取验证码的项目代码
jquery ajax源代码
jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;
传智播客 jQuery ajax 课件
其中包含6款Ajax分页Demo,文字分页、图片分页都可以。具有一定特效、很炫。基本已经满足各种web分页开发了。
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
一个简单的jquery ajax 实现页面与后台的无刷验证
JQueryAjax经常使用到的jar包集合
Jquery Ajax调用.ashx或.cs文件来实现简易的计算器
asp.net jquery ajax 全国省市区三级联动