關于頁面局部刷新例程

2019-11-18 22:03:03

字體：大中小

來源：轉載

供稿：網友

RS技術的一個具體例子
    在前面的帖子中，我介紹了RS的基本工作原理，顯然如果將RS技術運用在一個
網站的設計中將會有很多非凡的作用（尤其是它的那個最大的優點，可以在不刷新
頁面的情況下調用服務端的代碼）。正是因為這個特點，你就可以象在編寫一個
傳統的C/S模式的程序一樣，對數據庫的數據進行處理了(我想大家一定很想知道具體應該如何來實現了，下面將給出一個具體的例子，調試這個破程序幾乎快把我給累死，呵呵。)
    從前面的描述可以看到，要使用RS技術就需要客戶端和服務端滿足下面兩個條件：
1?？蛻舳酥恍枰С?a href="http://www.49028c.com/article.asp?typeid=160">java applet即可
2。而服務端只需要支持asp即可
換句話說，就是RS技術是完全獨立與瀏覽器的（當然瀏覽器至少需要滿足支持Java
和JavaScript），你可以在IE中使用，也可以完全在
NC中使用，這也是區別與RDS技術的一個顯著特點。
    在能夠靈活運用RS技術前，先要說明一個問題，就是前面也曾經提到過的“異步調用”
的問題。也正是因為有異步調用，才能夠實現你只刷新頁面的某一部分而不用刷新
整個頁面。
    由于它的這個特點，你可以讓服務端來實現在你瀏覽頁面的同時
對你輸入數據的合法性檢查（當然這可以是一系列很復雜的合法性檢查，例如需要
將用戶輸入的數據和數據庫內已有的數據進行對比等，這個可不是客戶端的JS能夠解決的）
然后當服務端返回檢查結果后，你再進行相應的操作（例如彈出一個對話框告訴用戶
輸入出錯等等）
異步調用時的語法如下：
RSExecute(serverURL, functionname, param_list)
第一個參數是你想調用的asp頁面的完整的URL路徑
第二個參數是你想調用函數的名稱
后面的就是該函數需要的輸入參數了
    如果你想調用的函數需要兩個輸入參數的話，就是這樣的寫法：
RSExecute(serverURL, functionname, f_arg_1, f_arg_2)
當進行調用時有兩種寫法，
    一種是有返回結果的調用方式：
    objResult = RSExecute(serverURL, functionname, f_arg_1, f_arg_2);
    另外一種則是沒有返回結果的調用方式：
    RSExecute(url, func_name, f_arg_1, f_arg_2, CallbackFunction);
這種調用方式要特別的注意，其中的CallbackFunction是客戶端的一個JS函數
它表示一但RS執行完畢服務端上的調用，就會馬上調用這個函數，并把結果返回到這個
函數中去。
    一個典型的CallbackFunction函數應該是這樣的結構：
function CallbackFunction(objResult) {
//你自己的處理過程
}
其中唯一的輸入參數objResult就是RS調用的返回值.
    下面我們假設這樣一種情況：
    用戶在瀏覽器中輸入了用戶的e-mail地址，然后用戶離開了e-mail地址輸入框
進入接下來的輸入過程，這個時候就是RS該上場了，它根據用戶輸入的地址在
服務端的數據庫中查詢這個地址，就可以判斷出這個用戶是否已經存在，然后
把結果返回給客戶端，在客戶端再使用DHTML技術在一個叫"ShowResult"的輸入框
里面提示用戶以前輸入的信息。
function CallbackFunc(objResult) {
   // 提示用戶的信息
   window[objResult.context].value = objResult.return_value;
}
而RSExecute()應該這么調用
RSExecute(serverURL, functionname, f_arg_1, CallbackFunc, "ShowResult");
    不說了，不說了，上面羅嗦了這么多，我想大家也都看得頭大了，下面還是
讓具體的代碼來發言把：
(請在使用代碼前在你的服務器上建立一個叫NW的系統DSN文件，該文件使用了
Northworld即中文 access97自帶的示例數據庫)
    下面的例子是這么進行的，default.htm中分為兩禎，在
main.html頁面中使用了RS技術，大家可以注意到在main.html中沒有使用到submit
所以如果你在該頁面中直接敲回車鍵的話什么都不會出現，你必須通過鼠標單擊
那個"獲取信息"按扭來使用這個局部頁面刷新技術。在單擊完該按扭后，頁面會有
一段小小的延遲（這段時間內java applet在后臺建立了和服務端的連接）
然后馬上頁面回復正常的鼠標，你可以在該頁面中繼續進行其他的操作。
而不必象普通頁面刷新時，你只有等待數據。
而info.asp大家一眼就能夠看明白，其實就是一個很簡單的處理字符串的程序。
如果大家要是對DHTML技術熟悉的話，完全可以在客戶端完成這些操作。
至于EmpData.asp就是服務端處理數據的程序了。
好了，其中的好處大家可以自己去
體會。

特別注意，不要改變太多代碼，不然很容易出錯，畢竟是在使用Javascript編程

Default.htm文件代碼如下：
<HTML>
<HEAD>
<TITLE>RS技術的實現例子</TITLE>
</HEAD>
<FRAMESET id=fset rows="70%,30%">
  <FRAME name=main src="main.html">
  <FRAME name=info src="info.asp">
</FRAMESET>
</HTML>

Maim.html文件代碼如下
<HTML>
<HEAD>
<TITLE>RS技術的實現例子</TITLE>
</HEAD>
<BODY>
<script language="JavaScript" src="http://YourServer/_ScriptLibrary/rs.htm"></script>
<script language="JavaScript">
RSEnableRemoteScripting("http://YourServer/_ScriptLibrary");
</script>
<h1>雇員信息</h1>
<hr>
<form name=MyForm>
請輸入你想查詢的名字:
<br><input type=text name="empLastName" size=40>
<input type=button name=btnExecute style="width=150"
       value="獲取信息"
       onclick="execAsynch(empLastName.value)">
</form>
<hr>

<SCRIPT LANGUAGE="javascript">
    var serverURL = "http://YourServer";
        var pageURL   = "/batman/EmpData.asp";

    function refreshPage(co)
    {
        if (co.status != 0) {
                alert("發生異常錯誤/n" +
                      message);
            }
            strText = co.return_value;
            top.info.location = "info.asp?info=" + escape(strText);
         }
    function execAsynch(empLastName)
    {
        RSExecute(serverURL+pageURL, "GetEmpInfoAsArray",
              empLastName, refreshPage);
    }
</SCRIPT>
</BODY>
</HTML>

info.asp文件代碼
<HTML>
<BODY>
<%
Response.Write Request.ServerVariables("REMOTE_USER")

    strText = Request.QueryString("info")
    If strText = "" Then Response.End
        arrData = split(strText, "|")
        arrLabels = split("職工,頭銜,城市,雇傭日期", ",")
%>
<table border=0>
<%
    for i=0 to 3
        Response.Write "<tr>"
        Response.Write "<td><b>" & arrLabels(i) & "</b></td>"
        Response.Write "<td><i>" & arrData(i) & "</i></td>"
    next
%>
</table>
</BODY>
</HTML>

EmpData.asp文件
<%@ LANGUAGE=VBSCRIPT %>
<% RSDispatch %>

<SCRIPT RUNAT=SERVER Language=javascript>


    function Description()
    {
           this.GetEmpInfoAsArray = DoGetData;
    }
    public_description = new Description();

    function DoGetData(empName)
    {
            sql = "select * from 雇員 where [名字]='" + empName + "'";
            rst = new ActiveXObject("ADODB.Recordset");
            rst.CursorLocation = 3;

            rst.Open(sql, "NW");
            i = 0;
        strText = "";

            if (rst.RecordCount == 1)  {
               strText += rst.Fields("雇員ID").Value + " - " +
                          rst.Fields("尊稱").Value + " " +
                          rst.Fields("姓氏").Value + " " +
                          rst.Fields("名字").Value;
               strText += "|";
               strText += rst.Fields("頭銜").Value;
               strText += "|";
               strText += rst.Fields("城市").Value + " " +
                          rst.Fields("地區").Value + ", " +
                          rst.Fields("國家").Value;
               strText += "|";
               d = new Date(rst.Fields("雇用日期").Value);
               strText += (1+d.getMonth()) + "/" + d.getDate() + "/" + d.getYear();
            }
            return strText;
        }
</SCRIPT>

上一篇：SQL Server如何解決加密問題？

下一篇：Session對象在各瀏覽器中的有效范圍