首页 > 代码库 > 深入解析Ajax——系列(一)

深入解析Ajax——系列(一)

经常写脚本的人,有时候会用到$ajax,有时候也会用到$post和$get,这几个方法都是用来从Web服务器上获取静态的数据文件。

      jQuery对ajax操作进行了封装,在jquery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()和$.post()方法,第3层是$.getScript()和$.getJSON()方法。

     1)$.ajax()这个方法相信大家都不会陌生,处于最底层,功能最丰富。

     2)load()方法是jQuery中最为简单和常用的Ajaxfangfa ,能载入远程html代码并插入DOM中。

a)例子如下:

$(function(){
		$("#send").click(function(){
			$("#resText").load("test.html");
		});
	});

b)也可以对载入的内容进行筛选,例如只需要加载test.html页面中class为para的内容:

$("#resText").load("test.html  .para");


c)另外,传递的方式也特别值得注意,如果传递的时候没有参数,则为GET方式传递,如果有参数为POST方式传递


   d)其回调函数的三个回调参数也要多多注意,例如;

$("#resText").load("test.html",function(responseText,textStatus,XMLHttpRequest){
		//responseText   : 请求返回的内容
		//textStatus:  	     请求状态:success、error、notmodified、timeout 4种
		//XMLHttpRequest:XMLHttpRequest对象
	});

         

深入解析Ajax——系列(一)