运用 jQuery 将使 Ajax 操作变得及其简单。jQuery 提供有一些非常有用函数,可以使简单的工作变得更加简单,复杂的工作变得不再复杂。
Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此,只需简单地选择所需的元素,然后使用 load() 函数即可。下面是一个用于更新统计信息的示例:
$(’#stats’).load(’stats.html’);
通常,我们只需简单地把一些参数传递给服务器中的某个页面。正如您所预料的,使用 jQuery 实现这一操作非常地简单。您可以使用 $.post() 或者 $.get(),这由所需的方法决定。如果需要的话,您还可以传递一个可选的数据对象和回调函数。清单 4 显示了一个发送数据和使用回调的简单示例。
清单 4. 使用 Ajax 向页面发送数据
$.post(’save.cgi’, {
text: ‘my string’,
number: 23
}, function() {
alert(’Your data has been saved.’);
});
如果您确实需要编写一些复杂的 Ajax 脚本,那么需要用到 $.ajax() 函数。您可以指定 xml、script、html 或者 json,jQuery 将自动为回调函数准备合适的结果,这样您便可以立即使用该结果。还可以指定 beforeSend、error、success 或者 complete 回调函数,向用户提供更多有关 Ajax 体验的反馈。此外,还有一些其它的参数可供使用,您可以使用它们设置 Ajax 请求的超时,也可以设置页面 “最近一次修改” 的状态。清单 5 显示了一个使用一些我所提到的参数检索 XML 文档的示例。
清单 5. $.ajax() 使 Ajax 由复杂变简单
$.ajax({
url: ‘document.xml’,
type: ‘GET’,
dataType: ‘xml’,
timeout: 1000,
error: function(){
alert(’Error loading XML document’);
},
success: function(xml){
// do something with xml
}
});
当 success 回调函数返回 XML 文档后,您可以使用 jQuery 检索这个 XML 文档,其方式与检索 HTML 文档是一样的。这样使得处理 XML 文档变得相当地容易,并且把内容和数据集成到了您的 Web 站点里面。清单 6 显示了 success 函数的一个扩展,它为 XML 中的每个 元素都添加了一个列表项到 Web 页面中。
清单 6. 使用 jQuery 处理 XML 文档
success: function(xml){
$(xml).find(’item’).each(function(){
var item_text = $(this).text();
$(’
‘)
.html(item_text)
.appendTo(’ol’);
});
}
分享到:
相关推荐
mvc jquery Ajax,用户登录,无刷新分页。数据库为sql 2005备份文件,在sql 2005_bak文件夹下。各位前辈看了,对不合理的请指教。
自己研究了一下asp.net+jquery ajax写了一个用户登录、分页,模拟session过期,弹出登录框,让用户继续登录。大家有兴趣的可以下载了看看。 环境:vs 2005+ sql 2005。 如果不对的地方,各位前辈请赐教。数据库备份...
Vs2005C#下使用Jquery实现的Ajax简单实例
NULL 博文链接:https://sonyfe25cp.iteye.com/blog/609512
用struts2+jquery的ajax的几个小例子,级联,自动补全等,没有数据库,直接就运行。
jquery 分页详细例子 ajax无刷新
asp.net调用 jquery ajax 后台使用一般处理程序或者当前页方法
一个完整的jquery+ajax传送请求的实例
jquery ajax json 的例子
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 $.ajax()方法 、 ...jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。
Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子) Ajax(jQuery实现例子)
php+jquery+ajax最简单例子
jquery和ajax的集成例子 jquery和ajax的集成例子 jquery和ajax的集成例子
在JQuery中,AJAX有三种实现方式:$.ajax() , $.post , $.get()。 首先我们看$.get(): 代码如下: $.get(“test.jsp”, { name: “cssrain”, time: “2008/01/21” }, //要传递的数据 function(data){ alert(...
jquery ajax 例子请求,积累了所有ajax的请求方法,包括返回的类型
基于jquery的ajax功能,对ASP网站的数据库进行无刷新操作,包括对数据库内容进行添加,删除,修改,分页
本文实例总结了jQuery AJAX应用。分享给大家供大家参考,具体如下: AJAX 是指一种创建交互式网页应用的网页开发技术。 AJAX=异步JavaScript和XML(标准通用标记语言的子集)。 AJAX是一种用于创建快速动态网页的...
myeclipse开发的, 弘扬开源精神,杜绝积分下载 刚出炉的例子
IWEDIT1的事件处理程序启动AJAX调用,将在IWEDIT1输入的文字传到后台,后台的TIWURLResponderEvent响应前台传来的数据,处理完毕后返回前台,通过前台在AJAX调用时注册的回调函数将处理结果显示在屏幕上。...
jquery+ajax+json例子,是一个web例子