初学AJAX 希望大家来帮忙看下！

hecong875 2008-01-30 11:17:24

//前台
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default9.aspx.cs" Inherits="Default9" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
<title>Ajax Progress Bar</title>
<script type="text/javascript">
var xmlHttp;
var key;
var bar_color = 'gray';
var span_id="block";
var clear="   "
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
}

function go()
{
createXMLHttpRequest();
checkDiv();
var url="Default10.aspx?task=create";
var button = document.getElementById("go");
button.disabled = true;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = goCallback;
xmlHttp.send(null);
}

function goCallback()
{
if(xmlHttp.readyState ==4)
{
if(xmlHttp.status == 200)
{
setTimeout("pollserver()",2000);
}
}
}

function pollServer()
{
createXMLHttpRequest();
var url = "Default10.aspx?task=poll&key="+key;
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = pollCallback
xmlHttp.send(null);
}

function pollCallback()
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
var percent_complete = xmlHttp.responseXML.getElementsByTagName("percent")[0].firstChild.data;
alert(percent_complete);
var index=processResult(percent_complete);
for(var i= 1; i<=index;i++)
{
var elem = document.getElementById("block" + i);
elem.innerHTML = clear;
elem.style.backgroundColor = bar_color;
var next_cell = i + 1;
if(next_cell > index && next_cell <= 9)
{
document.getElementById("block" + next_cell).innerHTML = percent_complete + "%";
}
}
if(index < 9 )
{
setTimeout("pollServer",2000);
}
else
{
document.getElementById("complete").innerHTML = "Complete!";
document.getElementById("go").disabled = false;
}
}
}
}

function processResult(percent_complete)
{
var ind;
if(percent_complete.length ==1)
{
ind =1;
}
else if(percent_complete.length ==2)
{
ind=percent_complete.substring(0,1);
}
else
{
ind = 9;
}

return ind;
}
function checkDiv()
{
var progerss_bar = document.getElementById("progressBar");
if(progress_bar.style.visibility == "visible")
{
clearBar();
document.getElementById("complete").innerHTML = "";
}
else
{
progress_bar.style.visibility = "visible";
}
}
function clearBar()
{
for(var i = 1; i< 10; i ++)
{
var elem = document.getElementById("blocl"+i);
elem.innerHTML = clear;
elem.style.backgroundColor = "white";
}
}
</script>
</head>
<body>
<h1>Ajax Progress Bar Example</h1>
launch long-running process:
<input type=button value="Launch" id="go" onclick="go();" />
<p>
<table align=center>
<tbody>
<tr>
<td>
<div id="progress_bar" style="padding:2px;border:solid black 2px;visibility:hidden">
<span id="block1">   </span>
<span id="block2">   </span>
<span id="block3">   </span>
<span id="block4">   </span>
<span id="block5">   </span>
<span id="block6">   </span>
<span id="block7">   </span>
<samp id="block8">   </samp>
<samp id="block9">   </samp>
</div>
</td>
</tr>
<tr>
<td align=center id="complete">
</td>
</tr>
</tbody>
</table>
</body>
</html>

//后台
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default10 : System.Web.UI.Page
{
private int counter = 1;
protected void Page_Load(object sender, EventArgs e)
{
string task = Request.Form["task"];
string res = string.Empty;
if (task==string.IsNullOrEmpty)

{
if (task == "create")
{
res = "<key>1</key>";
counter = 1;
}
else if (task == "poll")
{
string percent = "";
switch (counter)
{
case 1: percent = "10"; break;
case 2: percent = "23"; break;
case 3: percent = "35"; break;
case 4: percent = "51"; break;
case 5: percent = "64"; break;
case 6: percent = "73"; break;
case 7: percent = "89"; break;
case 8: percent = "100"; break;

}
counter++;

res = "<percent>" + percent + "</percent>";
}

}
}
}
着是书上的一个例子！当前台发出请求给Default10 这个页面的时候根据接受到的参数产生判断！判断完了我要怎么返回给发送请求的页面呢？？不是很清楚希望大家来解释下！最好在能发些关于AJAX 的网站我初学！

...全文

61 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

binbin023 2008-01-30

打赏
举报

UP一下，我也是初學者，分享一下我收藏的網站

http://bbs.okajax.com/
http://bbs.okajax.com/
http://www.xxjishu.cn/info2.html

nj_1st_excellence 2008-01-30

打赏
举报

//ajax返回參數
Response.Clear();
Response.StatusCode = 200;
Response.StatusDescription = "OK";
Response.ContentType= "text/xml";
Response.Write(res );
Response.Flush();
Response.End();