asp 利用JQuery AJAX实现无刷新评论思路与代码

asp 利用JQuery AJAX实现无刷新评论思路与代码

ID:40530548

大小:57.50 KB

页数:6页

时间:2019-08-04

asp 利用JQuery AJAX实现无刷新评论思路与代码_第1页
asp 利用JQuery AJAX实现无刷新评论思路与代码_第2页
asp 利用JQuery AJAX实现无刷新评论思路与代码_第3页
asp 利用JQuery AJAX实现无刷新评论思路与代码_第4页
asp 利用JQuery AJAX实现无刷新评论思路与代码_第5页
资源描述:

《asp 利用JQuery AJAX实现无刷新评论思路与代码》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、分享到·Asp.net利用JQueryAJAX实现无刷新评论思路与代码-发Asp.net利用JQueryAJAX实现无刷新评论,此功能是每一个从事asp.net开发者的朋友都希望实现的,本文利用闲暇时间整理了一些,有需要的朋友可以参考下-首先在数据库中就建三个字段的表用来存储用户名和评论信息,Id只是为了设置唯一标示,所以设置成整型自增字段就行了。再建一个HTML页面,只需简单的拉几个html控件出来摆着就行,注意在页面顶部有个

标签用来占位输出评论内容。Html页面代码就这样简单就行了:

2、复制代码代码如下:

用户名:
信息:
6然后再页面刚加载的时候,需要从数据库中显示出已有的评论,所以建个后台一般处理程序,命名为:

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

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。