利用xmlHttp实现一个简单的Ajax无刷新
2005-09-19 16:08
751 查看
最近在研究无刷新方面的技术,今天偶然遇到一个网友,和他讨论了一下。
下面是利用xmlHttp实现一个简单的Ajax:
以下是CodeNameClient.apsx的html的source:
<%@ Page language="c#" Codebehind="CodeNameClient.aspx.cs" AutoEventWireup="false" Inherits="CodeName.CodeNameClient" codePage="932"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</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">
<link type="text/css" rel="stylesheet" href="StyleSheet.css">
<script language="JavaScript">
<!--
function Test(objSrc,objDes)
{
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttp = new XMLHttpRequest();
}
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var data = xmlHttp.responseText;
document.getElementById(objDes).value = data;
}
}
}
xmlHttp.open("GET","CodeNameServer.aspx?testid=" + objSrc.value);
xmlHttp.send(null);
}
-->
</script>
</HEAD>
<body ms_positioning="GridLayout">
<form id="FromCodeName" method="post" runat="server">
<table id="Table1" height="100%" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td nowrap align="right" width="20%">改变文本内容:
</td>
<td nowrap align="left" width="20%"><asp:textbox id="TextBoxJCode1" runat="server" height="25px"></asp:textbox></td>
<td nowrap align="left" width="15%">服务器端返回:</td>
<td nowrap align="left" width="45%"><asp:textbox id="TextBoxJName1" runat="server" height="25px" width="296px"></asp:textbox></td>
</tr>
</table>
</form>
</body>
</HTML>
该aspx页面中的js中的Test()实现一个递归的用xmlHttp读取指定的url的Response信息,并把读取的值赋给TextBoxJName1。
以下是CodeNameClient.apsx.cs:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace CodeName
CodeNameServer:(必须是一个空白的文件的aspx,不能有任何的html标签)
以下是CodeNameServer.aspx:(只有这一行)
<%@ Page language="c#" Codebehind="CodeNameServer.aspx.cs" AutoEventWireup="false" Inherits="CodeName.CodeNameServer" %>
以下是CodeNameServer.aspx.cs:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace CodeName
CodeNameServer实现获取客户端xmlHttp打开的CodeNameServer.aspx?testid=XXX中的testid的值,并Response输出,并立即被CodeNameClient中的xmlHttp读取。
右边的运行结果是不是正确?TextBoxJName1的值是不是等于“要返回去的结果:”TextBoxJCode1的值?
本文是和csdn网友一起讨论。
下面是利用xmlHttp实现一个简单的Ajax:
以下是CodeNameClient.apsx的html的source:
<%@ Page language="c#" Codebehind="CodeNameClient.aspx.cs" AutoEventWireup="false" Inherits="CodeName.CodeNameClient" codePage="932"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</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">
<link type="text/css" rel="stylesheet" href="StyleSheet.css">
<script language="JavaScript">
<!--
function Test(objSrc,objDes)
{
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttp = new XMLHttpRequest();
}
xmlHttp.onreadystatechange = function() {
if (xmlHttp.readyState == 4) {
if (xmlHttp.status == 200) {
var data = xmlHttp.responseText;
document.getElementById(objDes).value = data;
}
}
}
xmlHttp.open("GET","CodeNameServer.aspx?testid=" + objSrc.value);
xmlHttp.send(null);
}
-->
</script>
</HEAD>
<body ms_positioning="GridLayout">
<form id="FromCodeName" method="post" runat="server">
<table id="Table1" height="100%" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td nowrap align="right" width="20%">改变文本内容:
</td>
<td nowrap align="left" width="20%"><asp:textbox id="TextBoxJCode1" runat="server" height="25px"></asp:textbox></td>
<td nowrap align="left" width="15%">服务器端返回:</td>
<td nowrap align="left" width="45%"><asp:textbox id="TextBoxJName1" runat="server" height="25px" width="296px"></asp:textbox></td>
</tr>
</table>
</form>
</body>
</HTML>
该aspx页面中的js中的Test()实现一个递归的用xmlHttp读取指定的url的Response信息,并把读取的值赋给TextBoxJName1。
以下是CodeNameClient.apsx.cs:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace CodeName
CodeNameServer:(必须是一个空白的文件的aspx,不能有任何的html标签)
以下是CodeNameServer.aspx:(只有这一行)
<%@ Page language="c#" Codebehind="CodeNameServer.aspx.cs" AutoEventWireup="false" Inherits="CodeName.CodeNameServer" %>
以下是CodeNameServer.aspx.cs:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace CodeName
CodeNameServer实现获取客户端xmlHttp打开的CodeNameServer.aspx?testid=XXX中的testid的值,并Response输出,并立即被CodeNameClient中的xmlHttp读取。
右边的运行结果是不是正确?TextBoxJName1的值是不是等于“要返回去的结果:”TextBoxJCode1的值?
本文是和csdn网友一起讨论。
相关文章推荐
- 利用ajax实现局部刷新(简单的注册验证案例)
- 利用ajax实现简单的注册验证局部刷新实例
- 一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- 一个简单的例子看明白如何利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- 利用ajax实现简单的注册验证局部刷新实例
- 一个简单的样例看明确怎样利用window.location.hash实现ajax操作时浏览器的前进/后退功能
- 利用JQuery实现ajax异步刷新页面
- php中利用ajax实现局部刷新
- 【Android游戏开发十六】Android Gesture之【触摸屏手势识别】操作!利用触摸屏手势实现一个简单切换图片的功能!
- 利用AJAX技术实现网页无刷新进度条显示
- asp.net mvc3 利用Ajax实现局部刷新
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- xmlHTTP xmlDOC 与 C#中DataSet的结合 实现AJAX简单示例
- 利用Ajax与数据岛实现无刷新绑定 shang515
- 利用http协议实现一个简单的web服务器
- 射线的原理用法以及一个利用射线实现简单拾取的小例子
- 用AJAX实现一个小案例—对用户名进行校验来实现局部刷新
- 利用JSP编程技术实现一个简单的购物车程序
- 利用tensorflow实现一个简单的二分类
- 静态页中利用AJAX.NET实现无刷新页面