一个简单的Ajax例子
2006-08-26 15:26
267 查看
(1)Ajax.js 文件代码
function DoplstAjaxChenged()
{
var myAjax = window.Form1 ;
GetNames(myAjax.DoplstAjax.value);
}
function GetNames(DoplstID)
{
requestURL = "../AjaxFrontEnd/DoplstID.aspx?DoplstID=";
var URL =requestURL+DoplstID;
XmlHttp=CreateXMlHttpObject(UpdateLabel);
XmlHttpGet(XmlHttp,URL);
}
function UpdateLabel()
{
if(XmlHttp.readyState==4 || XmlHttp.readyState=='complete')
{
var str = XmlHttp.responseText;
document.getElementById ('LblAjax').innerText = str;
}
}
function CreateXMlHttpObject(funtionCall)
{
var objXmlHttp = null;
var strobjName = "Microsoft.XmlHttp";
objXmlHttp=new ActiveXObject(strobjName)
objXmlHttp.onreadystatechange=funtionCall;
return objXmlHttp;
}
function XmlHttpGet(httpObj,url)
{
httpObj.Open('GET',url,true);
httpObj.send(null);
}
(2)Ajax.xml 文件代码
<?xml version="1.0" encoding="utf-8" ?>
<NameStore>
<mateName>
<Name>请选择名字</Name>
<Value>-1</Value>
</mateName>
<mateName>
<Name>孙璐</Name>
<Value>0</Value>
</mateName>
<mateName>
<Name>宋昀</Name>
<Value>1</Value>
</mateName>
<mateName>
<Name>王青</Name>
<Value>2</Value>
</mateName>
</NameStore>
(3)一个基类testAjax.cs代码.
public static string floorResident(int floorId)
{
string names = string.Empty;
switch (floorId)
{
case 0:
names = "My beautiful beacher!";
break;
case 1:
names = "a beautiful gril!";
break;
case 2:
names = "a beautiful gril,too!";
break;
default :
names = " Please select a name!";
break;
}
return names;
}
(4)主表单的HTML 页面内容
<%@ Page language="c#" Codebehind="TestAjax.aspx.cs" AutoEventWireup="false" Inherits="AjaxFrontEnd.TestAjax" %> <%@ Page language="c#" Codebehind="TestAjax.aspx.cs" AutoEventWireup="false" Inherits="AjaxFrontEnd.TestAjax" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>TestAjax</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language ="javascript" src =Ajax.js></script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:DropDownList id="DoplstAjax" style="Z-INDEX: 101; LEFT: 328px; POSITION: absolute; TOP: 168px"
runat="server" onChange="DoplstAjaxChenged()">
</asp:DropDownList>
<asp:Label id="LblAjax" style="Z-INDEX: 102; LEFT: 328px; POSITION: absolute; TOP: 216px" runat="server">Label</asp:Label>
</form>
</body>
</HTML>
主表单的.cs 页面代码.
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
DataSet Ds = new DataSet ();
string XmlPath=Server.MapPath ("Ajax.xml");
Ds.ReadXml (XmlPath);
this.DoplstAjax .DataSource = Ds.Tables [0];
this.DoplstAjax .DataTextField ="Name";
this.DoplstAjax .DataValueField ="Value";
this.DoplstAjax .DataBind ();
}
副表单的cs页面代码.
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
int DoplstID = 0;
try
{
if (Request.QueryString["DoplstID"] != null)
{
DoplstID = Convert.ToInt32(Request.QueryString["DoplstID"]);
}
}
catch
{
DoplstID = 0;
}
string result = testAjax .DoplstNames(DoplstID);
Response.Write(result);
}
function DoplstAjaxChenged()
{
var myAjax = window.Form1 ;
GetNames(myAjax.DoplstAjax.value);
}
function GetNames(DoplstID)
{
requestURL = "../AjaxFrontEnd/DoplstID.aspx?DoplstID=";
var URL =requestURL+DoplstID;
XmlHttp=CreateXMlHttpObject(UpdateLabel);
XmlHttpGet(XmlHttp,URL);
}
function UpdateLabel()
{
if(XmlHttp.readyState==4 || XmlHttp.readyState=='complete')
{
var str = XmlHttp.responseText;
document.getElementById ('LblAjax').innerText = str;
}
}
function CreateXMlHttpObject(funtionCall)
{
var objXmlHttp = null;
var strobjName = "Microsoft.XmlHttp";
objXmlHttp=new ActiveXObject(strobjName)
objXmlHttp.onreadystatechange=funtionCall;
return objXmlHttp;
}
function XmlHttpGet(httpObj,url)
{
httpObj.Open('GET',url,true);
httpObj.send(null);
}
(2)Ajax.xml 文件代码
<?xml version="1.0" encoding="utf-8" ?>
<NameStore>
<mateName>
<Name>请选择名字</Name>
<Value>-1</Value>
</mateName>
<mateName>
<Name>孙璐</Name>
<Value>0</Value>
</mateName>
<mateName>
<Name>宋昀</Name>
<Value>1</Value>
</mateName>
<mateName>
<Name>王青</Name>
<Value>2</Value>
</mateName>
</NameStore>
(3)一个基类testAjax.cs代码.
public static string floorResident(int floorId)
{
string names = string.Empty;
switch (floorId)
{
case 0:
names = "My beautiful beacher!";
break;
case 1:
names = "a beautiful gril!";
break;
case 2:
names = "a beautiful gril,too!";
break;
default :
names = " Please select a name!";
break;
}
return names;
}
(4)主表单的HTML 页面内容
<%@ Page language="c#" Codebehind="TestAjax.aspx.cs" AutoEventWireup="false" Inherits="AjaxFrontEnd.TestAjax" %> <%@ Page language="c#" Codebehind="TestAjax.aspx.cs" AutoEventWireup="false" Inherits="AjaxFrontEnd.TestAjax" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>TestAjax</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language ="javascript" src =Ajax.js></script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:DropDownList id="DoplstAjax" style="Z-INDEX: 101; LEFT: 328px; POSITION: absolute; TOP: 168px"
runat="server" onChange="DoplstAjaxChenged()">
</asp:DropDownList>
<asp:Label id="LblAjax" style="Z-INDEX: 102; LEFT: 328px; POSITION: absolute; TOP: 216px" runat="server">Label</asp:Label>
</form>
</body>
</HTML>
主表单的.cs 页面代码.
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
DataSet Ds = new DataSet ();
string XmlPath=Server.MapPath ("Ajax.xml");
Ds.ReadXml (XmlPath);
this.DoplstAjax .DataSource = Ds.Tables [0];
this.DoplstAjax .DataTextField ="Name";
this.DoplstAjax .DataValueField ="Value";
this.DoplstAjax .DataBind ();
}
副表单的cs页面代码.
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
int DoplstID = 0;
try
{
if (Request.QueryString["DoplstID"] != null)
{
DoplstID = Convert.ToInt32(Request.QueryString["DoplstID"]);
}
}
catch
{
DoplstID = 0;
}
string result = testAjax .DoplstNames(DoplstID);
Response.Write(result);
}
相关文章推荐
- 一个简单的jQuery插件ajaxfileuplo 4000 ad实现ajax上传文件例子
- 一个最最简单的Ajax例子
- 本文简单讲诉jQuery处理json与ajax返回的Json的一个例子
- 一个简单实用的AJAX例子
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- ajax学习:一个简单的例子
- jsp 中用jquery 实现ajax 一个简单例子
- Ajax一个极其简单的例子
- LoadRunner测试一个简单的AJAX例子
- 一个简单的Ajax例子
- Ajax的一个简单例子--从一个文件文件中读取数据显示到页面中
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
- 一个简单的AJAX的小例子
- 【转】jQuery+Ajax+PHP登录实例 一个简单的用Jquery中ajax方法登录的例子
- 转:一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子
- 一个简单实用的AJAX例子
- 一个简单的jquery+ajax的例子
- 一个简单的Ajax例子
- 关于AJAX一个简单的例子
- 一个简单的Struts +ajax 的例子