深入解析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相关文章