一、

一般我们在执行比较费时的操作时会使用ajax,在执行的过程中会给用户提示“正在加载数据……”类似的提示，这里将简单介绍下如何使用xajax来实现“正在处理……”的特效提示。

首先在网页body开头定义提示的div：

定义处理时的提示语句

<

div id

= "loadingContainer">

< div id = "loading"> 正在加载数据，请稍候 div>

div >然后定义处理提示的js函数：

定义初始化与处理时的js函数 < script languege

= "javascript/text">loadingpic = document . getElementById ( 'loadingContainer');loadingpic

. style .

display

=

'none' ;// 初始化进度条为不可见. loadingFunction

=

loading ;// 定义XAJAX在等待请求时候调用的函数. doneLoadingFunction

=

loadingDone ;//定义XAJAX在或得请求数据以后调用的函数function

loading(){

loadingpic . style

. display = 'block' ;

//设置请求数据的时候可见}

function loadingDone() {

loadingpic . style

. display = 'none' ;

//设置请求结束以后消失}

OK,上面是基础性质的工作，做完后，我们假设单击某个链接，执行一个花费时间比较长的函数： 页面中超级链接定义

点击我吧...

php代码 <?php

function

slow_function()

{ //费时的处理程序

}

$xajax = new

xajax();

$xajax->register(XAJAX_FUNCTION,

'slow_function');

$xajax->processRequest();

?>

二、

http.js:

var xmlHttp;

function FunGetHttp(url,ObjectID)

{

var ID = document.getElementByIdx_x(ObjectID);

if (window.ActiveXObject) //IE

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

else if (window.XMLHttpRequest)

{

xmlHttp = new XMLHttpRequest();

}

///

xmlHttp.onreadystatechange = function()

{

if(xmlHttp.readyState==2)

{

ID.innerHTML = "

src='loading.gif'>... 正在提交数据";

}

else if(xmlHttp.readyState==3)

{

ID.innerHTML = "

src='loading.gif'>... 数据传送中";

}

else if(xmlHttp.readyState==4)

{

ID.innerHTML = "";

if(xmlHttp.status==200)

{

ID.innerHTML = xmlHttp.responseText;

}

else

{

result.innerHTML = " 查询错误，请检查输入是否正确";

}

}

else

{

ID.innerHTML = "

src='loading.gif'> 正在查询，请稍后...";

}

}

/

xmlHttp.open("GET", url ,true);

xmlHttp.send(null);

}

===============================================================================

Ajax.html:

/p>

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ajax示例一

function test(){

var s = document.getElementByIdx_x("DropDownList1");

FunGetHttp("Ajax1.aspx?state="+s.value,"result");

}

id="DropDownList1">

value="">请选择...

value="CA">CA

value="IN">IN

value="KS">KS

value="MD">MD

value="MI">MI

value="OR">OR

value="TN">TN

value="UT">UT

=================================================================================

Ajax1.aspx:

%>

%>

DataTable

DT;

void

Page_Load(object sender, EventArgs e)

{

SqlConnection MyConnection = new

SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["Pubs"].ConnectionString);

SqlDataAdapter MyCommand = new SqlDataAdapter("SELECT [au_id],

[au_lname], [au_fname], [phone], [address], [city], [state], [zip],

[contract] FROM [authors] WHERE [state] = @state",

MyConnection);

string state = "CA";

if (!String.IsNullOrEmpty(Request.QueryString["state"])) state =

Request.QueryString["state"];

MyCommand.SelectCommand.Parameters.Add(new SqlParameter("@state",

SqlDbType.VarChar)).Value = state;

DataSet DS = new DataSet();

MyCommand.Fill(DS, "table");

DT = DS.Tables[0];

}

id="Table1" style="border-collapse:collapse;">

scope="col">ID

scope="col">Last

Name

scope="col">First

Name

scope="col">Phone

scope="col">Address

scope="col">City

scope="col">State

scope="col">Zip

Code

scope="col">Contract

int i = 0;

for (; i < DT.Rows.Count; i++)

{ %>

DT.Rows[i]["au_id"]

%>

=

DT.Rows[i]["au_lname"]%>

=

DT.Rows[i]["au_fname"]%>

=

DT.Rows[i]["Phone"]%>

= DT.Rows[i]["Address"]

%>

= DT.Rows[i]["City"]

%>

= DT.Rows[i]["State"]

%>

= DT.Rows[i]["Zip"]

%>

= DT.Rows[i]["Contract"]

%>

三、

男

见好多朋友在找这个例子，今天整理一个发上来了。请多多指教，谢谢！

οnclick="javascript:blogKey('yandavid');"

target="_blank">Yandavid博客

οnclick="javascript:blogKey(1);"

target="_blank">全部

var xmlHttp = false;

function blogKey(i)

{

try

{

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

}

catch (e)

{

try

{

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

}

catch (e2)

{