對于AjaxPro或Ajax的實(shí)現(xiàn)機(jī)制大家是不是都還不是非常的熟悉呢?那么今天小編就與大家分享AjaxPro或Ajax的實(shí)現(xiàn)方法,想了解的小伙伴們一起跟錯新小編一起去看看吧。
首先聲明以下幾點(diǎn):
1、講解如果感覺很初級的話,就算我裝13了,不要"噴"我哦!
2、如果有那些地方不對,還希望大家能指正,一定虛心請教;
3、這只是一家之言,本人經(jīng)驗(yàn),無依無據(jù),愛信不信。
下面開講:
談起ajax做過web開發(fā)的都很是熟悉,就是經(jīng)由過程xmlhttp request與服務(wù)器端通信而避免頁面按f5。也就是我們常說的"無刷新",至于這里面的原理我就不懂,哪個懂的話,教一下我啊,謝謝!
凡要使用ajaxpro,咱們大致要做以下工作:
1、在項(xiàng)目中添加引用ajaxpro.2.dll,這個到網(wǎng)上下一下吧,如果不行的話,我有時間的話就共享一下;
2、在web.config配置文件中添加<
add verb="post,get"path="ajaxpro/*.ashx"type="ajaxpro.ajaxhandlerfactory,ajaxpro.2" />節(jié)點(diǎn);
3、在要使用ajax功能的頁面.cs文件上注冊ajax,例如:
protected void page_load(object sender,eventargs e)
{//注冊 ajax ajaxpro.utility.registertypeforajax(typeof(default));}
4、在.cs文件中聲明可以被ajax調(diào)用的方法(或?qū)傩?,如:
[ajaxpro.ajaxmethod]
public string getstr(){return "str";}
5、在.aspx文件的<head></head>之間添加js調(diào)用ajax,如:
做好以上五步,咱們就基本實(shí)現(xiàn)了ajax頁面不按f5的功能了。那它是怎樣經(jīng)由過程xmlhttp與服務(wù)器通訊的呢?運(yùn)行后咱們可以看到html文件的源代碼多了幾行.ashx文件的緩存:
?
?
實(shí)際上這些.ashx就是在上面第3步ajaxpro.utility.registertypeforajax注冊ajax時自動將這些緩存添加到html文檔輸出的。那這些文件是什么文件呢?再看第2步中在web.config中添加到httphandlers節(jié)中的配置,它告訴系統(tǒng)凡是收到ajaxpro路徑下已經(jīng)ashx為后綴的請求就全數(shù)交給ajaxpro.ajaxhandlerfactory這個類來處理,而這些ashx經(jīng)過處理后返回的就是一些javascript文件,和普通的js緩存沒有實(shí)質(zhì)區(qū)別。
上文中介紹了AjaxPro或Ajax的實(shí)現(xiàn)方法,如果你們感興趣的話可以去研究上面每一個.ashx文件里面的函數(shù),網(wǎng)上也有很多關(guān)于這方面的資料,大家也可以去看看里面的代碼,也許會更有收獲了。
新聞熱點(diǎn)
疑難解答
圖片精選