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

首先了解什么是JSON：

操作效果：

JSON格式：

解析操作：

在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中
					$.getJSON(url,args,function(data) {
						var name = data.person.name;
						var website = data.person.email;
						var email = data.person.website;

						/*
						<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>");
					});
					
					
					
// 					$.get(url,function(data) {
// 						var name = data.person.name;
// 						var website = data.person.email;
// 						var email = data.person.website;

// 						/*
// 						<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>");
// 						在后面添加类型告诉jQuery你使用什么类型
// 						},"JSON");
					return false;
				})
	})
</script>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!