使用jQuery简化Ajax开发（4）
来源：asp之家 发布时间：2010-04-11 21:09:00
清单 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 中的每个 <item> 元素都添加了一个列表项到 Web 页面中。
清单 6. 使用 jQuery 处理 XML 文档
success: function(xml){
$(xml).find('item').each(function(){
var item_text = $(this).text();
$('<li></li>')
.html(item_text)
.appendTo('ol');
});
}
为 HTML 添加动画
可以使用 jQuery 处理基本的动画和显示效果。animate() 函数是动画代码的核心，它用于更改任何随时间变化的数值型的 CSS 样式值。比方说，您可以变化高度、宽度、不透明度和位置。还可以指定动画的速度，定为毫秒或者预定义的速度：慢速，中速或快速。
下面是一个同时变化某个元素高度和宽度的示例。请注意，这些参数没有开始值，只有最终值。开始值取自元素的当前尺寸。同时我也附加了一个回调函数。
$('#grow').animate({ height: 500, width: 500 }, "slow", function(){
alert('The element is done growing!');
});
jQuery 的内置函数使更多常见的动画更容易完成。可以使用 show() 和 hide() 元素，立即显示或者以特定的速度显示。还可以通过使用 fadeIn() 和 fadeOut()，或者 slideDown() 和 slideUp() 显示和隐藏元素，这取决于您所需要的显示效果。下面的示例定义了一个下滑的导航菜单。
$('#nav').slideDown('slow');
0
投稿猜你喜欢
- SQLite Delete详解SQLite 的 DELETE 查询用于删除表中已有的记录。可以使用带有 WHERE 子句的 DELETE 查
为了能够在Visual Studio 中集成Mysql, 首先需要安装MySql的连接工具 与 MySql的VisualStudio插件。M- Django 基本命令本节主要是为了让您了解一些django最基本的命令，请尝试着记住它们，并且多多练习下1. 新建一个 django pr
- Python代码运行助手可以让你在线输入Python代码，然后通过本机运行的一个Python脚本来执行代码。原理如下：在网页输入代码：点击R
- 一、find_element_by_id()find_element_by_id()1.从上面定位到的元素属性中，可以看到有个id属性：id
- Python版本 实现了比之前的xxftp更多更完善的功能1、继续支持多用户2、继续支持虚拟目录3、增加支持用户根目录以及映射虚拟目录的权限
- 引入：Python中有个logging模块可以完成相关信息的记录，在debug时用它往往事半功倍一、日志级别(从低到高)：DEBUG :详细
- 圣诞节快到了，想着用python、r来画画圣诞树玩，就在网络上各种找方法，不喜勿喷哈~~Python1、import turtlescree
- 注: sql server 2005 及以上支持. 版本估计是不支持(工作环境2005,2008).工作需要, 需要向SQL Server
- 前言在Django的前后端分离项目中DRF(Django Restframe Work)框架无疑是首选，关于token验证一般使用的是JWT
- 前言今天，在网上发现一款很棒的python画图工具库。很简单的api调用就能生成漂亮的图表。并且可以进行一些互动。pyecharts 是一个
- 当我们的函数接收参数为任意个，或者不能确定参数个数时，我们，可以利用 * 来定义任意数目的参数，这个函数调用时，其所有不匹配的位置
- 1、什么是双向数据绑定Vue.js是一个MV VM框架， 即数据双向绑定， 即当数据发生变化的时候， 视图也就发生变化， 当视图发生变化的时
- 首先让我们来看看有关 Perl 面向对象编程的三个基本定义：1. 一个“对象”是指一个“有办法知道它是属于哪个类”的简单引用。(
- 前言在以前，商业分析对应的英文单词是Business Analysis，大家用的分析工具是Excel，后来数据量大了，Excel应付不过来了
- 下拉菜单平常见到的都是用js来实现的，本文介绍的方法是使用纯CSS实现导航下拉菜单功能，代码符合标准，兼容性好且环保，制作下拉菜单的不错选择
- 无限分类是实际开发中经常用到的一种数据结构，一般我们称之为树形结构。题设：类似淘宝的商品分类，可以在任意分类设置其子类。 一、创建
- 本文实例为大家分享了Python银行系统的具体代码，供大家参考，具体内容如下import timeimport randomimport p
- 在公司做分布式深网爬虫，搭建了一套稳定的代理池服务，为上千个爬虫提供有效的代理，保证各个爬虫拿到的都是对应网站有效的 * ，从而保证爬虫快
- 本文实例为大家分享了Bootstrap实现渐变顶部固定自适应导航栏的具体代码，供大家参考，具体内容如下具体代码如下所示：<!DOCTY
