客戶端和服務(wù)器端數(shù)據(jù)的交互有幾種方法.
1.提交,通過<form></form>提交到服務(wù)器端.也稱"有刷新"吧.
2.通過XMLHTTP無刷新提交到服務(wù)器端,并返回?cái)?shù)據(jù).也稱"無刷新"吧.
利用XMLHTTP我們可以實(shí)現(xiàn)很多很強(qiáng)大的應(yīng)用.這文章主要介紹它的一些簡(jiǎn)單的應(yīng)用.

附:因?yàn)閄MLHTTP是IE5.0+支持的對(duì)象.所以你必須要有IE5.0+才能看到效果.

client.htm

<script language="JavaScript">
function GetResult(str)
{
/*
 *--------------- GetResult(str) -----------------
 * GetResult(str)
 * 功能:通過XMLHTTP發(fā)送請(qǐng)求,返回結(jié)果.
 * 參數(shù):str,字符串,發(fā)送條件.
 * 實(shí)例: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();
    //服務(wù)器端處理返回的是經(jīng)過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  服務(wù)器端處理.

<% @Language="JavaScript" %>
<%
function OpenDB(sdbname)
{
/*
 *--------------- OpenDB(sdbname) -----------------
 * OpenDB(sdbname)
 * 功能:打開數(shù)據(jù)庫(kù)sdbname,返回conn對(duì)象.
 * 參數(shù):sdbname,字符串,數(shù)據(jù)庫(kù)名稱.
 * 實(shí)例: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");
//特殊字符:+,%,&,=,?等的傳輸解決辦法.客戶端字符是經(jīng)過escape編碼的
//所以服務(wù)器端先要經(jīng)過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
{
   
//加入容錯(cuò).2004-5-30 10:15
    sResult = "Sorry,沒有找到..."
}
//escape解決了XMLHTTP。中文處理的問題.
Response.Write(escape(sResult));
%>

數(shù)據(jù)庫(kù)設(shè)計(jì) data.mdb
表users.
字段
id  自動(dòng)編號(hào)
userid  文本
username 文本

表:users 數(shù)據(jù):
id userid  username