客户端和服务器端数据的交互有几种方法.
1.提交‚通过
提交到服务器端.也称"有刷新"吧.
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 服务器端处理.
<%
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
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=16372
- 刷新页面方式总结(HTML,ASP,JS) 2007-4-28
- 利用XMLHTTP无刷新获取数据2007-4-28
- Javascript+ASP打造无刷新新闻列表[图]2007-4-28
- Atutiplen [酷站推荐][图]2007-4-28
- rel属性2007-4-28
- isapi_rewrite的防盗链使用2007-4-28
![北京2008年奥运会火炬设计欣赏[图]--平面广告](../smallimg/20074/2007428852361.jpg)
北京2008年奥运会火炬设计欣赏
![[玉器欣赏]宋](../smallimg/20074/2007428850191.jpg)
[玉器欣赏]宋 玉云龙纹炉
![11岁小学女生设计农运会吉祥物[图]--平面广告](../smallimg/20074/2007427834182.jpg)
11岁小学女生设计农运会吉祥物
![世界著名标志欣赏(二)[图]--平面广告](../smallimg/20074/20074262109262.gif)
世界著名标志欣赏(二)
![世界著名标志欣赏(一)[图]--平面广告](../smallimg/20074/20074261750235.gif)
世界著名标志欣赏(一)

2008奥运会主馆设计方案欣赏(一)
![2008奥运会主馆设计方案欣赏(二)[图]--环境艺术](../smallimg/20074/20074251024281.jpg)
2008奥运会主馆设计方案欣赏(二)
![2008奥运会主馆设计方案欣赏(三)[图]--环境艺术](../smallimg/20074/20074251013342.jpg)
2008奥运会主馆设计方案欣赏(三)

访著名韩国3D插画师 李素雅

Julie Bell插图欣赏
![国外tmdesign:平面广告设计欣赏[图]--平面广告](../smallimg/20074/20074181608353.jpg)
国外tmdesign:平面广告设计欣赏
![国文化味设计:“牡丹城”楼书设计作品[图]--平面广告](../smallimg/20074/20074181502201.jpg)
国文化味设计:“牡丹城”楼书设计作品
![中国文化味设计:茶馆vi视觉应用设计[图]--平面广告](../smallimg/20074/20074181447551.jpg)
中国文化味设计:茶馆vi视觉应用设计

Jose Luquin的LOGO设计
![中国年-春节各大搜索引擎logo[图]--平面广告](../smallimg/20074/20074111630301.jpg)
中国年-春节各大搜索引擎logo
![色彩搭配特色图标[图]--平面广告](../smallimg/20074/20074111617051.jpg)
色彩搭配特色图标

美国设计师Jill Carbonneau服装手绘效果图欣赏
![三工三告经典作品欣赏[图]--平面广告](../smallimg/20074/20074111517051.jpg)
三工三告经典作品欣赏
![Bakarquitectos别墅室内设计[图]--环境艺术](../smallimg/20074/20074101203511.jpg)
Bakarquitectos别墅室内设计
![“黄金甲”婚纱照流行[图]--时装魅影](../smallimg/20074/20074101031391.jpg)
“黄金甲”婚纱照流行