DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Ajax無刷新Url提交頁面
Ajax無刷新Url提交頁面
編輯:AJAX基礎知識     
尤其是在Jquery,porotype,Ext等框架流行之後,大量簡化的代碼可說是為程序員帶來了福音,
從繁重的代碼工作之中解脫出來,輕易的就可以實現過去書寫復雜的功能。
不過有利有弊,到如今,習慣了使用各種框架,而很少自己書寫內部源碼的程序員們,還有幾個記得Ajax那其實並不算復雜的基本代碼呢?
今天,為了不遺忘當初的熱忱,我把這基礎的代碼再貼出來,給自己回顧一下。

1。對於Ajax來說,判斷浏覽器的類別是一個重復而且毫無新意的工作,這段代碼完全可以封裝起來,隨意調用。
復制代碼 代碼如下:
function xmlhttp()
{
var A=null
try
{
A=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
A=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(oc)
{
if(typeof XMLHttpRequest!="Undefined")
{
A=new XMLHttpRequest();
}
}
}
return A;
}

不解釋了,反正就算不懂,直接復制過去用也是沒有問題的。

2。接下來是提交Url的代碼。
整個過程其實大同小異,大部分代碼其實都可以封裝起來,只要將參數傳入,再獲取結果就可以了。

復制代碼 代碼如下:
function Ajax(url)
{
var XmlHttp=new xmlhttp();
try
{
XmlHttp.open("POST",url,true);
   var result=SendUrl();
}
catch(e)
{
alert(e);
}
}


3.
復制代碼 代碼如下:
function SendUrl()
{
XmlHttp.send();
XmlHttp.onreadystatechange=function()
{
if(XmlHttp.readyState==4 && XmlHttp.status==200)
{
var result=XmlHttp.responseText;
return result;
}
}
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved