如何利用XMLHTTP無刷新獲取數據_Xml教程
推薦：利用XMLHTTP無刷新自動實時更新數據前些時間寫了幾篇關于XMLHTTP運用的實例. (可以到http://dev.csdn.net/user/wanghr100看之前的幾編關于XMLHTTP的介紹.) 近來看論壇上經常有人提問關于如何無刷新,自動更新數據. 傳統上,我們瀏覽網頁,如果加入最新的數據.只能是等我們重新向服務器端請求時才
利用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
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=16372
分享：利用XMLHTTP無刷新添加數據之Post篇利用XMLHTTP無刷新添加數據之Post篇. 前兩篇主要寫了從獲取數據.接下來,我們講講如何添加數據. 我們傳統的提交數據的方法都是用Form來實現的. Form標記中的Method屬性確定了表單元素的數據在發送到服務器時, 如何對HTTP請求信息進行打包. Method 屬性可以使
- 相關鏈接：
- 教程說明：
Xml教程-如何利用XMLHTTP無刷新獲取數據
。