微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

[学习小结]Ajax基本操作_XML格式&&在jQuery中如何操作

操作效果

XML格式:

解析操作:

在jQuery中使用:

<script type="text/javascript" src="../scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(function() {
		$("a").click(
				function() {
					var url = this.href;
					var args = {
						"time" : new Date()
					};
					
					//url:
					//args:JSON格式
					//function:回调函数,当响应结束时,回调函数被触发,响应结果在data中
					$.get(url,args,function(data) {
						var name = $(data).find("name").text();
						var website = $(data).find("website").text();
						var email = $(data).find("email").text();

						/*
						<h2><a href="mailto:andy@clearleft.com">Andy Budd</a></h2>
						<a href="http://andybudd.com/">http://andybudd.com/</a>
						 */
						 //注意如果原文的双引号里面的双引号要用单引号
						$("#details").empty().append(
								"<h2><a href='mailto:"+email+"'>" + name
										+ "</a></h2>").append(
								"<a href='"+website+"'>" + website + "</a>");
					});
					return false;
				})
	})
</script>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐