利用XMLHTTP无刷新获取数据.

原创 2004年06月01日 16:06:00

利用XMLHTTP无刷新获取数据.

客户端和服务器端数据的交互有几种方法.
1.提交,通过<form></form>提交到服务器端.也称"有刷新"吧.
2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧.
利用XMLHTTP我们可以实现很多很强大的应用.这文章主要介绍它的一
些简单的应用.

附:因为XMLHTTP是IE5.0+支持的对象.所以你必须要有IE5.0+才能看到效果.

client.htm

<script language="JavaScript">
function GetResult(str)
{
/*
 *--------------- GetResult(str) -----------------
 * GetResult(str)
 * 功能:通过XMLHTTP发送请求,返回结果.
 * 参数:str,字符串,发送条件.
 * 实例:GetResult(document.all.userid.value);
 * author:wanghr100(灰豆宝宝.net)
 * update:2004-5-27 19:02
 *--------------- GetResult(str) -----------------
 */

    var oBao = new ActiveXObject("Microsoft.XMLHTTP");
    //特殊字符:+,%,&,=,?等的传输解决办法.字符串先用escape编码的.
    //Update:2004-6-1 12:22

    oBao.open("POST","server.asp?userid="+escape(str),false);
    oBao.send();
    //服务器端处理返回的是经过escape编码的字符串.
    document.all.username.value=unescape(oBao.responseText)
}
</script>
<input type="button" onclick="GetResult(document.all.userid.value)" value="Get"><br>
userid:<input type="text" name="userid"><br>
username:<input type="text" name="username">


server.asp  服务器端处理.

<% @Language="JavaScript" %>
<%
function OpenDB(sdbname)
{
/*
 *--------------- OpenDB(sdbname) -----------------
 * OpenDB(sdbname)
 * 功能:打开数据库sdbname,返回conn对象.
 * 参数:sdbname,字符串,数据库名称.
 * 实例:var conn = OpenDB("database.mdb");
 * author:wanghr100(灰豆宝宝.net)
 * update:2004-5-12 8:18
 *--------------- OpenDB(sdbname) -----------------
 */

    var connstr = "Provider=Microsoft.Jet.OLEDB.4.0; Data Source="+Server.MapPath(sdbname);
    var conn = Server.CreateObject("ADODB.Connection");
    conn.Open(connstr);
    return conn;
}
var sResult = "";
var oConn = OpenDB("data.mdb");
//特殊字符:+,%,&,=,?等的传输解决办法.客户端字符是经过escape编码的
//所以服务器端先要经过unescape解码.
//Update:2004-6-1 12:22

var userid = unescape(Request("userid"));
var sql = "select username from users where userid='"+userid+"'";
var rs = oConn.Execute(sql);
if(!rs.EOF)
{
    sResult = rs("username").Value;
}
else
{
    //加入容错.2004-5-30 10:15
    sResult = "Sorry,没有找到..."
}
//escape解决了XMLHTTP。中文处理的问题.
Response.Write(escape(sResult));
%>

数据库设计 data.mdb
表users.
字段
id  自动编号
userid  文本
username 文本

表:users 数据:
id userid  username
1 wanghr100 灰豆宝宝.net

利用XMLHTTP无刷新获取数据

客户端和服务器端数据的交互有几种方法. 1.提交,通过提交到服务器端.也称"有刷新"吧. 2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧. 利用XMLHTTP我们可以实现很多...
  • xiaoxiaohai123
  • xiaoxiaohai123
  • 2007年05月22日 09:46
  • 367

利用XMLHTTP无刷新获取数据

客户端和服务器端数据的交互有几种方法.1.提交,通过提交到服务器端.也称"有刷新"吧.2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧.利用XMLHTTP我们可以实现很多很强大...
  • colayungnew
  • colayungnew
  • 2004年11月27日 13:09
  • 1123

利用XMLHTTP无刷新获取数据

客户端和服务器端数据的交互有几种方法. 1.提交,通过提交到服务器端.也称"有刷新"吧. 2.通过XMLHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧. 利用XMLHTTP我们可以实现很多...
  • alex197963
  • alex197963
  • 2007年05月22日 11:56
  • 756

利用XMLHTTP无刷新添加数据[转]

我们讲讲如何添加数据.我们传统的提交数据的方法都是用来实现的.标记中的Method属性确定了表单元素的数据在发送到服务器时,如何对HTTP请求信息进行打包.Method 属性可以使用的方法Method...
  • precipitant
  • precipitant
  • 2005年03月15日 12:06
  • 1466

ASP中使用XMLHTTP或ServerXMLHTTP读取远程数据

照例使用xmlhttp同步方式获取数据,可是由于网络不稳定,经常造成死锁状况,既send之后一直不返回服务器结果,也不出错. 被这个问题折磨了好久,最后才查到还有ServerxmlHTTP这个对象,看...
  • feng2375
  • feng2375
  • 2010年01月06日 17:51
  • 2845

利用XMLHTTP 从其他页面获取数据

 我们在编写ASP代码的时候,大家都知道可以通过post或者get获得form表单的数据,那么我们如何直接获得其他页面上的数据呢?这就要借助xmlhttp协议了。xmlhttp是xmldom技术的一部...
  • jackal3
  • jackal3
  • 2004年10月16日 14:27
  • 710

利用XMLHTTP无刷新自动实时更新数据

利用XMLHTTP无刷新自动实时更新数据传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来.但是,对于一些时效性很强的网站.传统的这种做法是不能满足的. 我们可以让...
  • SmartJavaer
  • SmartJavaer
  • 2006年10月12日 09:14
  • 594

利用XMLHTTP无刷新添加数据之Get篇

利用XMLHTTP无刷新添加数据之Get篇.前两篇主要写了从获取数据.接下来,我们讲讲如何添加数据.我们传统的提交数据的方法都是用来实现的.标记中的Method属性确定了表单元素的数据在发送到服务器时...
  • jelink
  • jelink
  • 2006年10月16日 16:26
  • 549

利用XMLHTTP无刷新自动实时更新数据

传统上,我们浏览网页,如果加入最新的数据.只能是等我们重新向服务器端请求时才能显示出来.但是,对于一些时效性很强的网站.传统的这种做法是不能满足的. 我们可以让程序自动刷新.定时向服务器请求数据.5秒...
  • A39033261
  • A39033261
  • 2006年08月26日 15:11
  • 695

利用XMLHTTP实现ASP.NET无刷新提交

在一些页面处理中,如果需要多次进行后台提交处理的话,就会不停的刷新页面,很烦人,特别是机器配置不好或者网络状况不好的情况下,更加显得让人难受。这种情况下我们可以利用XMLHTTP来实现不刷新的提交,这...
  • liaozhiweihaifeng
  • liaozhiweihaifeng
  • 2008年06月17日 00:25
  • 469
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用XMLHTTP无刷新获取数据.
举报原因:
原因补充:

(最多只允许输入30个字)