資源描述：
《asp 利用JQuery AJAX實現(xiàn)無刷新評論思路與代碼》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、分享到·Asp.net利用JQueryAJAX實現(xiàn)無刷新評論思路與代碼-發(fā)Asp.net利用JQueryAJAX實現(xiàn)無刷新評論,此功能是每一個從事asp.net開發(fā)者的朋友都希望實現(xiàn)的，本文利用閑暇時間整理了一些，有需要的朋友可以參考下-首先在數(shù)據(jù)庫中就建三個字段的表用來存儲用戶名和評論信息，Id只是為了設(shè)置唯一標(biāo)示，所以設(shè)置成整型自增字段就行了。再建一個HTML頁面，只需簡單的拉幾個html控件出來擺著就行，注意在頁面頂部有個
標(biāo)簽用來占位輸出評論內(nèi)容。Html頁面代碼就這樣簡單就行了:2、復(fù)制代碼代碼如下:
用戶名：
信息：
6然后再頁面剛加載的時候，需要從數(shù)據(jù)庫中顯示出已有的評論，所以建個后臺一般處理程序，命名為：
3、bodyload.ashx。這個后臺處理程序就是讀取數(shù)據(jù)庫中的所有評論信息，加載到顯示頁面，當(dāng)然我這里只是簡單的利用
4、標(biāo)記來區(qū)別每個用戶的評論，用@標(biāo)記來區(qū)分用戶名和信息，所以不是很嚴(yán)謹(jǐn)。數(shù)據(jù)操作使用的是強類型的DataSet獲取所有評論信息后臺處理代碼如下：復(fù)制代碼代碼如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;using_20100921Web.DataSetMsgTableAdap
5、ters;usingSystem.Text;namespace_20100921Web{//////bodyload的摘要說明///publicclassbodyload:IHttpHandler{publicvoidProcessRequest(HttpContextcontext){context.Response.ContentType="text/plain";T_MsgTableAdapteradapter=newT_MsgTableAdapter();
6、StringBuildersb=newStringBuilder();DataSetMsg.T_MsgDataTabletable=adapter.GetData();foreach(varvintable){6sb.Append(v.Username);sb.Append("@");sb.Append(v.Message);sb.Append("
7、");}Stringresult=sb.ToString();context.Response.Write(result);}publicboolIsRe
8、usable{get{returnfalse;}}}}前臺調(diào)用JQuery代碼在頁面加載時進(jìn)行讀取評論，這里就用到了JQuery中的AJAX了，其實也非常簡單，就只是調(diào)用JQuery中的$.post()方法就可以實現(xiàn)了，該方法實質(zhì)還是調(diào)用了$.ajax()的方法。前臺JQuery代碼如下：復(fù)制代碼代碼如下:$.post("bodyload.ashx",function(data,state){6if(state=="success"){varmsgArr=data.split("
9、");for(var
10、i=0;i| "+msg[0]+"說： | "+msg[1]+" | ";$("#room").append(res);}}});然后來處理每一次用戶輸入后的插入數(shù)據(jù)及在頁面無刷新更新顯示評論內(nèi)容，需要另外添加一個后臺處理一般程序，命名為：update.ashx，用來在后臺插入數(shù)據(jù)到數(shù)據(jù)庫中
11、。后臺處理代碼如下：復(fù)制代碼代碼如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;using_20100921Web.DataSetMsgTableAdapters;namespace_20100921Web{6//////update的摘要說明///publicclassupdate:IHttpHandle
