用xmlhttp脚本实现无刷新返回数据

转载 2004年12月29日 13:01:00

客户端和服务器端数据的交互有几种方法.
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));
%>

h5 history api实现无刷新前进后退

操纵浏览器的历史记录 history.pushState(data, title [, url]):往历史记录堆栈顶部添加一条记录;data会在onpopstate事件触发时作为参数传递过去;titl...
  • liningaa
  • liningaa
  • 2016年09月18日 18:09
  • 2694

struts2实现不刷新页面执行action

前言在jsp中有一些动作的执行不适合刷新页面来执行,比如点赞。一般在jsp中可以利用ajax实现这个功能,下面是一个不刷新页面来提交表单,数据或者单纯执行action的例子。开始首先在jsp中加入代码...
  • dongchangzhang
  • dongchangzhang
  • 2016年11月02日 22:54
  • 2261

light7ui 刷新子页面 js不能加载的问题

当使用light7库写移动端,页面刷新后,当前页面js事件失效 http://light7.cn/components/#init http://light7.cn/components/#rou...
  • yc1022
  • yc1022
  • 2016年04月07日 01:23
  • 3171

asp.net用xmlhttp实现无刷新定时读取后台数据

http://www.cnblogs.com/efreer/archive/2009/04/10/1433213.html 整理 update.html页面所有代码 http://www...
  • ilvu999
  • ilvu999
  • 2011年12月22日 14:31
  • 558

关于XMLHTTP无刷新数据获取和发送

客户端和服务器端数据的交互有几种方法.1.提交,通过提交到服务器端.也称"有刷新"吧.2.通过XmlHTTP无刷新提交到服务器端,并返回数据.也称"无刷新"吧.利用XmlHTTP我们可以实现很多很强大...
  • ppslide
  • ppslide
  • 2011年06月17日 13:19
  • 1315

JS中多个xmlHttp实现无刷新ajax

  • 2008年10月23日 07:40
  • 2KB
  • 下载

使用XMLHTTP Request Object获取服务器数据

XMLHTTP
  • High_Mount
  • High_Mount
  • 2011年03月07日 10:47
  • 786

使用XMLHTTP Request Object获取服务器数据

http://www.blogjava.net/fantasy/articles/83388.html 在Web客户端使用xmlhttp对象,可以十分方便的和服务器交换数据,我们可以获取和发送任何类...
  • crazy_fire
  • crazy_fire
  • 2012年06月05日 18:02
  • 956

使用XMLHTTP Request Object获取服务器数据 (转http://www.cnblogs.com/birdshome/archive/2004/12/26/82238.html)

使用XMLHTTP Request Object获取服务器数据     在Web客户端使用xmlhttp对象,可以十分方便的和服务器交换数据,我们可以获取和发送任何类型的数据,甚至二进制数据到服务器上...
  • fjfdszj
  • fjfdszj
  • 2011年04月15日 15:31
  • 390

asp数据抓取程序,asp+xmlhttp抓取远程数据到数据库

  • 2009年04月16日 11:14
  • 4KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用xmlhttp脚本实现无刷新返回数据
举报原因:
原因补充:

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