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

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

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

      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——系列(一)