如何用ajax來建立一個XMLHttpRequest物件_基礎知識

我每次創建一個對象，都要這樣複雜嗎？如下程式碼:
JScript code:
"testAjax.htm" 檔案：

複製程式碼

複製程式碼

程式碼如下：


　　
　　
　　
　〔用戶：name sForm">name"=> 1 🎜>　　時間：
　　
　　


先宣告一個宣告一個儲存一個questX物件的xmlHttp 變數。
然後使用 XMLHttp=new XMLHttpRequest() 來建立此物件。這條語句針對 Firefox、Opera 以及 Safari 瀏覽器。假如失敗，則嘗試針對 Internet Explorer 6.0 的 xmlHttp=new ActiveXObject(“Msxml2.XMLHTTP”)，假如也不成功，則嘗試針對 Internet Explorer 5.5 的 xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”)。

假如這三種方法都不起作用，那麼這個用戶所使用的瀏覽器已經太過時了，他或她會看到一個聲明此瀏覽器不支援 AJAX 的提示。

可以不用這麼麻煩，直接可以把這個函數的定義單獨保存為一個js文件，在需要使用AJAX的頁面中引用這個文件就可以了。

如下面詳解的例子:
JScript code:




複製程式碼


程式碼如下:

程式碼如下:

程式碼如下:

程式碼如下：function CreateHTTPObject()
{
var xmlhttp;
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
}
atche )
{
try
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
xmlhttp = false;
}
}
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
try
{
xmlhttp = new XMLHttpRequest();
catch (e)
{
xmlhttp=false;
}
}
if (!xmlhttp && window.createRequest)
{
try
{
xmlhttp = window.createRequest();
}
catch (e)
{
xmlhttp=false;
}

}
)
}定義上面的函數,呼叫時建立實例即可,如下:

JScript code： 複製程式碼

複製程式碼



複製程式碼


程式碼如下:

var xmlHttp = CreateHTTPObject();
if (!xmlHttp)

{ return; //無法建立xmlhttp 物件} } xmlHttp.open("GET", url, true); xmlHttp.onreadystatechange = function(){HandleRequest(xmlHttp, "元素ID")}; xmlHttp.send(null);

也可以直接用jquery ,一句話搞定，如下碼： 複製程式碼 程式碼：複製程式碼 程式碼如下:

$(document).ready(function(){
$("#userpass").blur(function(){
var password=$("#userpass").val( );
var name=$("#username").val();
if(password==""||password==null){
$("#pass").html ("請輸入密碼! ");
b=false;
}else if(!/^[a-zA-Z0-9_]{6, 16}$/.test(password)){
$("#pass").html("輸入格式不正確!密碼應至少6為數字或字元 ");
b=false;
}else{
$.get("LoginAjaxPassword",{"userpass":encodeURI(encodeURI(password)),"username":encodeURI(encodeURI(name) )},function(response){
$("#pass").html(response);
if(response=="" "√" ""){
b=true;
}
});
}
return b;
});
$("#login- submit").click(function(){
var autologin=document.getElementById("autologin").checked;
if(a&&b){
//if($("#autologin"). attr("checked")==true){
if(autologin==true){
//${"#login-user-form"}.attr("action","AutoLogin");
//$("#login-user-form").submit();
document.form.action="AutoLogin";
document.form.submit();
}else {
//${"#login-user-form"}.attr("action","Login");
//$("#login-user-form").submit();
document.form.action="Login";
document.form.submit();
}
} else{}
});
});