jQuery Ajax 全解析【.ajax .post .get】 14 December 2009 13:03 Monday by 小屋 浏览(3631)

1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。

url (String) : 请求的HTML页的URL地址。

data (Map) : (可选参数) 发送至服务器的 key/value 数据。

callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。

这 个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 "url #some > selector"。

这个方法可以很方便的动态加载一些HTML文件,例如表单。

示例代码:

$(".ajax.load").load("http://www.cnblogs.com/QLeelulu/archive/2008/03/30/1130270.html .post",
		function (responseText, textStatus, XMLHttpRequest){
		this;//在这里this指向的是当前的DOM对象,即$(".ajax.load")[0]	
		//alert(responseText);//请求返回的内容
		//alert(textStatus);//请求状态:success,error

阅读全文>>

利用Ajax加载数据,并显示友好的等待界面 10 December 2009 21:20 Thursday by小屋 浏览(2796)

//*==============================================================================*/

 

//*   Ajax加载                                                                                                                                                             */

 

//* 语法:var objLoad=new AjaxLoad()                                                                                                                */

 

//*       objLoad.Loading(doAction,dataNode[,dataType[,callback[,fullShow]]]);                                               */

 

//*                                                                                                                                                                              */

 

//* 参数:                                                                                                                                                                 */

 

//*      -doAction[必需的]  执行URL                                                                                                                        */

 

//*      -dataNode[必需的]  显示获取内容的容器ID                                                                                              */

 

//*      -dataType[可选的]  数据类别[text|xml|body],缺省值text                                                                         */ 

 

//*      -callback[可选的]  输出函数[函数对像]                                                                                                       */

 

//*      -fullShow[可选的]  显示模式: 缺省值false-单块模式,true-全屏模式                                                         */

 

//*                                                                                                                                                                              */

 

//*                                                                                                                                                                              */

 

//* 输出函数[callback]:                                                                                                                                         */

 

//*      可自定义输出函数来格式化所获取的数据,其格式请参加页尾objPrint()函数                                    */

 

//*                                                                                                                                                                              */

 

//*==============================================================================*/  

 

/*此处调用Charset.vbs来解决当dataType='body'时,xmlHttp.responseBody产生的乱码问题                        */

 

/*请保证Charset.vbs文件与本文件存放在同一路径当中                                                                                    */

 

var charsetPath=document.getElementsByTagName("script")[document.getElementsByTagName("script").length-1].src.split("?")[0];

 

charsetPath=charsetPath.replace("Ajax_Load.js","Charset.vbs");

 

document.write("<script type=\"text/vbscript\" src=\""+charsetPath+"\"></scr"+"ipt>");

 

//*==============================================================================*/ 

 

//*                           AjaxLoad begin                                                                                                                         */

 

//*==============================================================================*/  

 

function AjaxLoad(){

 

    /*初始化Ajax                                             */

 

 function InitAjax(){

 

  var Ajax=false;

 

  /*Microsoft*/

 

  try {

 

     Ajax = new ActiveXObject("Msxml2.XMLHTTP");

 

  } catch (e) {

 

     try {

阅读全文>>