码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-10-24 14:45:02      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:ajax   脚本   jquery   html   function   

经常写脚本的人,有时候会用到$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——系列(一)

标签:ajax   脚本   jquery   html   function   

原文地址:http://blog.csdn.net/laijieyao/article/details/40424605

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!