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的區(qū)別------------
1、 get是把參數(shù)數(shù)據(jù)隊(duì)列加到提交表單的ACTION屬性所指的URL中，值和表單內(nèi)各個(gè)字段一一對(duì)應(yīng)，在URL中可以看到。
post是通過HTTP post機(jī)制，將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個(gè)過程。
2、 對(duì)于get方式，服務(wù)器端用Request.QueryString獲取變量的值，
對(duì)于post方式，服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。
兩種方式的參數(shù)都可以用Request來獲得。
3、 get傳送的數(shù)據(jù)量較小，不能大于2KB。
post傳送的數(shù)據(jù)量較大，一般被默認(rèn)為不受限制。
4、 get安全性非常低，post安全性較高。
5、 當(dāng)我們?cè)谔峤槐韱蔚臅r(shí)候我們通常用post方式,當(dāng)我們要傳送一個(gè)較大的數(shù)據(jù)文件時(shí),需要用post。
當(dāng)傳遞的值只需用參數(shù)方式(這個(gè)值不大于2KB)的時(shí)候,用get方式即可。
*/
request.open("GET", option.url, true);
//request.open("POST", option.url, true);
//發(fā)送請(qǐng)求之前設(shè)置該屬性,獲取服務(wù)器上的準(zhǔn)備狀態(tài)
request.onreadystatechange = ResponseRequest;
request.send(null);
}
/*
request.readyState == 4說明服務(wù)器已經(jīng)收到一個(gè)響應(yīng)
request.status == 200,HTTP服務(wù)器響應(yīng)的狀態(tài)值，表示一切順利
HTTP的就緒狀態(tài)
0：請(qǐng)求沒有發(fā)出（在調(diào)用 open() 之前）。
1：請(qǐng)求已經(jīng)建立但還沒有發(fā)出（調(diào)用 send() 之前）。
2：請(qǐng)求已經(jīng)發(fā)出正在處理之中（這里通?？梢詮捻憫?yīng)得到內(nèi)容頭部）。
3：請(qǐng)求已經(jīng)處理，響應(yīng)中通常有部分?jǐn)?shù)據(jù)可用，但是服務(wù)器還沒有完成響應(yīng)。
4：響應(yīng)已完成，可以訪問服務(wù)器響應(yīng)并使用它。
*/
var ResponseRequest = function()
{
alert("HTTP的就緒狀態(tài)： "+request.readyState);
if (request.readyState == 4)
{
if (request.status == 200)
{
alert("一切順利!");
option.Success(request);
}
else
{
alert("出現(xiàn)錯(cuò)誤，錯(cuò)誤信息為： "+request.status);
option.Failure(request);
}
}
}
sendRequest();
}
//判斷輸入的數(shù)值是否存在
function getIS()
{
/*
1,url是要鏈接的頁面和傳過去的值，傳過去值，讓動(dòng)態(tài)頁面執(zhí)行
2,Default.aspx為要為這個(gè)執(zhí)行的頁面
3,name是傳過去的參數(shù)名
4,document.getElementById('Text1').value傳過去的參數(shù)值
5,message.responseText成功之后從服務(wù)端返回的消息
*/
var option =
{
url: "Default.aspx?name="+document.getElementById('Text1').value,
Success:function(message)
{
alert(message.responseText);
}
};
new ajax(option);
}

if (Request["name"] != null)
{
this.Response.Clear();
string name = Request["name"].ToString();
if (name == "1")
{
Response.Write("用戶名已存在，請(qǐng)?zhí)顚懫渌挠脩裘?");
}
else
{
Response.Write("該用戶名沒被注冊(cè)，可以使用!");
}

this.Response.End();
}

$(document).ready(function(){
$("#Button1").click(function(){
$.ajax({
type:"GET",
url:"ResponsePage.aspx?name="+document.getElementById('Text1').value,
success:function(message) {
alert(message);
}

});

});
});