結合JavaScript與ASP.NET Web表單進行程式開發

ASP.NET為Web程式開發提供了新的範例。其中包括一系列基於伺服器的控制項，這些控制項類似於HTML表單中諸如文字框、按鈕等元素。使用這些控制項的問題是必須調用伺服器。JavaScript為很多任務提供多種選擇的機會，而這些過程不需要調用伺服器。讓我們來看結合JavaScript與ASP.NET所帶來的強大功能。

效能是必需的
調用伺服器要求頻寬和伺服器處理時間，然而對一個可以享受高速流通的區域網路程式將不會有任何問題，但是在廣域網路中就是不同的情況。一個網際網路使用者連線速度的不同主要取決於使用者的撥號數據機、頻寬或者纜線數據機。使用使用者型的JavaScript可以不需要調用伺服器。

傳統方法
一個標準的網頁表單包括像標題框、本文和表單在內的頁面。JavaScript函數按傳統方法被放置在網頁表單的標題框，這些函數允許被頁面的其它部分載入和利用，一旦被載入，這些函數將從HTML元素中調用。

讓我們看看一個簡單的JavaScript的例子：

function valSubmit() {
    var doc = document.forms[0];
    varmsg = "";

    if (doc.firstName.value == "") {

        msg += "- Please enter a first name.n";
    }

    if (doc.lastName.value == "") {
        msg += "- Please enter a last name.n";
    }

    if (msg == "") {
        doc.submit();
    } else {
        alert("The following errors were
        encountered.nn" + msg);
    }
}
這一函數將檢驗資料被傳送到表單中的兩個HIML區。如果其中一個區是空的，將顯示錯誤資訊並且停止運行。如果兩個區都有值時，表單被提交，你可以使用以下的代碼調用這一函數：

1<input type="button" value="submit" name="btnSubmit" onClick="valSubmit();">

 

利用這一關係，在HIML區沒有資料之前，表單是不會被提交的。這樣我們可以看到，代碼變得更加簡單，但是由於無需調用額外的伺服器而不會產生任何副作用。JavaScript簡短而實用，這就意味著表單不需要額外的載入時間。

將JavaScript和ASP.NET結合在一起
ASP.NET網頁表單允許使用標準的HTML，因此你可以容易地使用前面的範例。ASP.NET使用者控制項允許你很輕鬆地調用伺服器代碼來處理 Web表單。慶幸的是，使用者控制項和JavaScript的結合使用完全是可以的。我將利用一個ASP.NET按鈕控制項的例子來說明這一使用過程。

按鈕控制項的所有屬性提供了將JavaScript串連到控制項的方式。首先，將JavaScript函數放置在ASP.NET網頁表單中，但是通過添加傳回值可以改變放置的方法。如果確認通過，函數值返回為真，與按鈕相關的伺服器函數就會別調用。如果傳回值為假，則表單不會被提交。

共2頁: 上一頁 1 [2]下一頁