prototype.js的Ajax對(duì)象
更新時(shí)間：2006年09月23日 00:00:00 作者：
我想prototype.js里的ajax對(duì)象肯定吸引了不少人，大量封裝好的ajax邏輯的類，對(duì)于我們這些初學(xué)者使用ajax有很大的幫助。
以下用一個(gè)我的具體使用例子來解釋：效果看這里
1. Ajax.Request
你可以這樣創(chuàng)建它
var url = 'http://yoursever/your/your';
var pars = 'id=xxx';
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete: yourfunction}
);
parameters表示你要傳遞的參數(shù)，比如id=xxx這些。
XMLHttpRequest在HTTP請(qǐng)求期間的階段分為：Loading, Loaded, Interactive, Complete。
Ajax.Request對(duì)象在任何一個(gè)階段都可以調(diào)用你自定義的方法，形式如onxxxxxxx:yourfunction,比如我們上面提到的onComplete，是最常用的。
例子中實(shí)際使用的代碼
function sends(id)
{
c = $('content');
o = $('old-content');
c.innerHTML = "<div id='loading'>載入中...</div>";
o.innerHTML = c.innerHTML;
c.style.display = 'none';
o.style.display = 'block';
var myAjax = new Ajax.Request('content_'+ id + '.html', {method: 'get', onComplete:updates});
}
function updates(response)
{
new Effect.Fade($('old-content'));
new Effect.Appear($('content'));
$('content').innerHTML = response.responseText;
}
以下用一個(gè)我的具體使用例子來解釋：效果看這里
1. Ajax.Request
你可以這樣創(chuàng)建它
復(fù)制代碼 代碼如下:
var url = 'http://yoursever/your/your';
var pars = 'id=xxx';
var myAjax = new Ajax.Request(
url,
{method: 'get', parameters: pars, onComplete: yourfunction}
);
parameters表示你要傳遞的參數(shù)，比如id=xxx這些。
XMLHttpRequest在HTTP請(qǐng)求期間的階段分為：Loading, Loaded, Interactive, Complete。
Ajax.Request對(duì)象在任何一個(gè)階段都可以調(diào)用你自定義的方法，形式如onxxxxxxx:yourfunction,比如我們上面提到的onComplete，是最常用的。
例子中實(shí)際使用的代碼
復(fù)制代碼 代碼如下:
function sends(id)
{
c = $('content');
o = $('old-content');
c.innerHTML = "<div id='loading'>載入中...</div>";
o.innerHTML = c.innerHTML;
c.style.display = 'none';
o.style.display = 'block';
var myAjax = new Ajax.Request('content_'+ id + '.html', {method: 'get', onComplete:updates});
}
function updates(response)
{
new Effect.Fade($('old-content'));
new Effect.Appear($('content'));
$('content').innerHTML = response.responseText;
}
相關(guān)文章
Prototype Date對(duì)象 學(xué)習(xí)
這個(gè)對(duì)象里面就一個(gè)toJSON方法，非常簡單2009-07-07
JavaScript語法著色引擎（demo及打包文件下載）...2007-06-06
Prototype使用指南之range.js...2007-01-01
Prototype最新版(1.5 rc2)使用指南(1)...2007-01-01
Prototype Template對(duì)象 學(xué)習(xí)
這里的Template對(duì)象其實(shí)就是格式化字符串的工具，就像java中的String.format方法。這個(gè)對(duì)象只提供一個(gè)方法evaluate。2009-07-07
Prototype Array對(duì)象 學(xué)習(xí)
這個(gè)對(duì)象擴(kuò)展了JS原生的Array對(duì)象，提供了一些基本的工具函數(shù)，有些方法非常簡單，源碼里就不在注釋了。2009-07-07
Prototype使用指南之a(chǎn)jax...2007-01-01
prototype Element學(xué)習(xí)筆記(篇一)
Element，哈哈哈。遇到正主了，到現(xiàn)在為止才遇到讓我高興的玩意。當(dāng)初Ext.Element可是花三千余行代碼專門來封裝啊。我倒要看一看它的代碼了。事實(shí)上prototype中我最想研究的只有兩個(gè)內(nèi)容：Element、Selector。這兩個(gè)東西是精華。2008-10-10
Prototype 工具函數(shù) 學(xué)習(xí)
Prototype學(xué)習(xí)工具函數(shù)$H,$R,Try.these,document.getElementsByClassName2009-07-07![滾動(dòng)經(jīng)典最新話題[prototype框架]下編寫](http://img.jbzj.com/images/xgimg/bcimg9.png)
滾動(dòng)經(jīng)典最新話題[prototype框架]下編寫
滾動(dòng)經(jīng)典最新話題[prototype框架]下編寫...2006-10-10