JQuery中的Ajax怎么用-创新互联

andy.xml

	Andy Budd
	http://www.baidu.com
	umgsai@126.com

下面使用json格式数据来实现上面的功能

	$(function(){
		$("a").click(function(){
			var url = this.href;
			var args = {"time":new Date()};
			//args :JSON格式
			//function 回调函数，当相应结束时被触发。响应结果在data中
			$.getJSON(url, args, function(data){
				var name = $(data).person.name;
				var website = $(data).person.website;
				var email = $(data).person.email
				
				$("#details").empty().append("
"+name+"
")
				.append(""+website+"");
			});
			return false;
		});
	})



	

		
andy
	
	

andy.json

{"person":{
"name":"umgsai",
"website":"http://www.baidu.com",
"email":"umgsai@126.com"
}
}

小结：

1. 什么是Ajax？ 不用刷新页面，但可以和服务器端进行通信的方式。使用Ajax的主要方式是XMLHttpRequest对象

2. 使用XMLHttpRequest对象实现Ajax（了解）。现在一般使用JQuery或者其他的JS框架来获取。

3. Ajax传输数据的三种方式

   ①XML：笨重，解析困难。但XML是通用的数据交换格式

   ②HTML：不需要解析可以直接放到文档中，若仅更新一部分区域，但传输的数据不是很方便，切HTML代码需要拼装完成。

   ③JSON：小巧，有面向对象的特征，并且提供很多第三方的Jar包把Java对象或集合转成Json字符串。是目前使用最多的方式。

4. 使用JQuery完成Ajax操作

   ①load方法：可以用于HTML文档的元素结点，把结果直接加为对应结点的子元素。通常load方法加载的数据是HTML片段。

   var $obj = ...

   var url = ...

   var agrs = {key:value,...};

   $obj.load(url, args);

   ② $.get  $.post  $.getJSON 更加灵活。除去使用load方法的情况，大部分使用这三个方法。

   //url:Ajax请求的目标URL

   //args：传递的参数 JSON类型

   //data: Ajax响应成功后的数据，可能是XML  HTML  JSON

   $.get(url, args, function(data){

   });

   请求JSON数据

   $.get(url, args, function(data){

   }, "JSON");

   $.post(url, args, function(data){

   }, "JSON")

$.getJSON(url, args, function(data){

})

以上是“JQuery中的Ajax怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。