1， 使用JavaScript js檔案，驗證使用者名稱是否存在
複製代碼 代碼如下:
var ajax = function(option)
{
var request;
var createRequest = function()
{
//var request;
if (window.XMLHttpRequest)
{
request = new XMLHttpRequest();
}
else
{
try
{
request = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
request = new ActiveXObject("Msxml2.XMLHTTP");
}
}
return request;
}
var sendRequest = function()
{
request = createRequest();
/*---------GET 和 POST的區別------------
1、 get是把參數資料隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。
post是通過HTTP post機制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。使用者看不到這個過程。
2、 對於get方式，伺服器端用Request.QueryString擷取變數的值，
對於post方式，伺服器端用Request.Form擷取提交的資料。
兩種方式的參數都可以用Request來獲得。
3、 get傳送的資料量較小，不能大於2KB。
post傳送的資料量較大，一般被預設為不受限制。
4、 get安全性非常低，post安全性較高。
5、 當我們在提交表單的時候我們通常用post方式,當我們要傳送一個較大的資料檔案時,需要用post。
當傳遞的值只需用參數方式(這個值不大於2KB)的時候,用get方式即可。
*/
request.open("GET", option.url, true);
//request.open("POST", option.url, true);
//發送請求之前設定該屬性,擷取伺服器上的準備狀態
request.onreadystatechange = ResponseRequest;
request.send(null);
}
/*
request.readyState == 4說明伺服器已經收到一個響應
request.status == 200,HTTP伺服器響應的狀態值，表示一切順利
HTTP的就緒狀態
0：請求沒有發出（在調用 open() 之前）。
1：請求已經建立但還沒有發出（調用 send() 之前）。
2：請求已經發出正在處理之中（這裡通常可以從響應得到內容標題部）。
3：請求已經處理，響應中通常有部分資料可用，但是伺服器還沒有完成響應。
4：響應已完成，可以訪問伺服器響應並使用它。
*/
var ResponseRequest = function()
{
alert("HTTP的就緒狀態： "+request.readyState);
if (request.readyState == 4)
{
if (request.status == 200)
{
alert("一切順利!");
option.Success(request);
}
else
{
alert("出現錯誤，錯誤資訊為： "+request.status);
option.Failure(request);
}
}
}
sendRequest();
}
//判斷輸入的數值是否存在
function getIS()
{
/*
1,url是要連結的頁面和傳過去的值，傳過去值，讓動態網頁面執行
2,Default.aspx為要為這個執行的頁面
3,name是傳過去的參數名
4,document.getElementById('Text1').value傳過去的參數值
5,message.responseText成功之後從服務端返回的訊息
*/
var option =
{
url: "Default.aspx?name="+document.getElementById('Text1').value,
Success:function(message)
{
alert(message.responseText);
}
};
new ajax(option);
}
Aspx檔案
複製代碼 代碼如下:
if (Request["name"] != null)
{
this.Response.Clear();
string name = Request["name"].ToString();
if (name == "1")
{
Response.Write("使用者名稱已存在，請填寫其他的使用者名稱!");
}
else
{
Response.Write("該使用者名稱沒被註冊，可以使用!");
}
this.Response.End();
}
2， 通過Jquery實現：
複製代碼 代碼如下:
$(document).ready(function(){
$("#Button1").click(function(){
$.ajax({
type:"GET",
url:"ResponsePage.aspx?name="+document.getElementById('Text1').value,
success:function(message) {
alert(message);
}
});
});
});
