欢迎来到天天文库
浏览记录
ID:40530548
大小:57.50 KB
页数:6页
时间:2019-08-04
《asp 利用JQuery AJAX实现无刷新评论思路与代码》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、分享到·Asp.net利用JQueryAJAX实现无刷新评论思路与代码-发Asp.net利用JQueryAJAX实现无刷新评论,此功能是每一个从事asp.net开发者的朋友都希望实现的,本文利用闲暇时间整理了一些,有需要的朋友可以参考下-首先在数据库中就建三个字段的表用来存储用户名和评论信息,Id只是为了设置唯一标示,所以设置成整型自增字段就行了。再建一个HTML页面,只需简单的拉几个html控件出来摆着就行,注意在页面顶部有个
2、复制代码代码如下:
3、bodyload.ashx。这个后台处理程序就是读取数据库中的所有评论信息,加载到显示页面,当然我这里只是简单的利用
4、标记来区别每个用户的评论,用@标记来区分用户名和信息,所以不是很严谨。数据操作使用的是强类型的DataSet获取所有评论信息后台处理代码如下:复制代码代码如下: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;}}}}前台调用JQuery代码在页面加载时进行读取评论,这里就用到了JQuery中的AJAX了,其实也非常简单,就只是调用JQuery中的$.post()方法就可以实现了,该方法实质还是调用了$.ajax()的方法。前台JQuery代码如下:复制代码代码如下:$.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);}}});然后来处理每一次用户输入后的插入数据及在页面无刷新更新显示评论内容,需要另外添加一个后台处理一般程序,命名为:update.ashx,用来在后台插入数据到数据库中
11、。后台处理代码如下:复制代码代码如下:usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Web;using_20100921Web.DataSetMsgTableAdapters;namespace_20100921Web{6//////update的摘要说明///publicclassupdate:IHttpHandle
此文档下载收益归作者所有