PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

使用jQuery简化Ajax开发

使用jQuery简化Ajax开发

来源:互联网  作者:  发布时间:2010-11-09
使用 jQuery 将使 Ajax 变得及其简单。jQuery 提供有一些函数,

使用 jQuery 将使 Ajax 变得及其简单。jQuery 提供有一些函数,可以使简单的工作变得更加简单,复杂的工作变得不再复杂。

 
Ajax 最常见的用法就是把一块 HTML 代码加载到页面的某个区域中去。为此,只需简单地选择所需的元素,然后使用 load() 函数即可。下面是一个用于更新统计信息的示例:
$('#stats').load('stats.html');
 
 
通常,我们只需简单地把一些参数传递给服务器中的某个页面。正如您所预料的,使用 jQuery 实现这一操作非常地简单。您可以使用 $.post()或者 $.get(),这由所需的方法决定。如果需要的话,您还可以传递一个可选的数据对象和回调函数。清单 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 文档的示例。
 
 
$.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 中的每个 <item> 元素都添加了一个列表项到 Web 页面中。
 
 
使用 jQuery 处理 XML 文档
success: function(xml){
    $(xml).find('item').each(function(){
        var item_text = $(this).text();
        $('<li></li>')
            .html(item_text)
            .appendTo('ol');
    });
}
 

延伸阅读:
利用PHP+JavaScript打造AJAX搜索窗
Ajax+php实现分页
AJAX技术介绍
简单的JS解析xml,Ajax访问xml文件实例
ajax入门简明教程---什么是ajax?
AJAX框架汇总
ajax常用实例
什么是jquery
jQuery简单应用
jQuery压缩版
开源Ajax框架ZK 简介


四大流行Ajax框架综合对比
Tags: jQuery   简化   ajax   开发  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号