jquery+ajax+C#实现无刷新操作数据库数据
2012-06-05 14:58
549 查看
我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容
我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页
页面中我们放置一个Div容器用来存放返回的内容
<div id="comment">
<img src="images/Wait.gif" title="数据载入中..." /></div>
注:wait.gif是一个类似进度条的效果,当没有加载的内容没有加载出来的时候,就显示这个效果,这样就能提高用户的
体验度
然后最重要的就是jquery这块了,需要用到ajax来完成
代码:
View Code
if(Request.QueryString["action"]!=null && Request.QueryString["action"]=="add")
{
if (Session["VerifyCode"].ToString().ToLower() != commentvalidate.ToLower())
{
Response.Write("ERROR");
}
else
{
DBQuery.ExecuteScalar("insert into comment(commentparentid,commentuser,commenttext,commentreply,commentip) values('" + commentparentid + "','" + commentuser + "','" + Server.HtmlEncode(commenttext) + "','','" + Request.ServerVariables["REMOTE_ADDR"] + "')");
Response.Write("<script>alert('评论发表成功!</script>");
}
}
ajax里的属性很多,可以查看api,根据自己的需要调用不同的属性就可以了,这里面有一点需要注意的是
如果判断用户名是否有重复的时候,要使用$.getIfModified而不能是用$.get,大家可以测试一下
如果使用$.get你第一次注册了一个名字,你不要做其他的操作,你再在文本框里面输入相同的名称,那个时
侯还能注册的,这点要注意。
我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页
页面中我们放置一个Div容器用来存放返回的内容
<div id="comment">
<img src="images/Wait.gif" title="数据载入中..." /></div>
注:wait.gif是一个类似进度条的效果,当没有加载的内容没有加载出来的时候,就显示这个效果,这样就能提高用户的
体验度
然后最重要的就是jquery这块了,需要用到ajax来完成
代码:
View Code
if(Request.QueryString["action"]!=null && Request.QueryString["action"]=="add")
{
if (Session["VerifyCode"].ToString().ToLower() != commentvalidate.ToLower())
{
Response.Write("ERROR");
}
else
{
DBQuery.ExecuteScalar("insert into comment(commentparentid,commentuser,commenttext,commentreply,commentip) values('" + commentparentid + "','" + commentuser + "','" + Server.HtmlEncode(commenttext) + "','','" + Request.ServerVariables["REMOTE_ADDR"] + "')");
Response.Write("<script>alert('评论发表成功!</script>");
}
}
ajax里的属性很多,可以查看api,根据自己的需要调用不同的属性就可以了,这里面有一点需要注意的是
如果判断用户名是否有重复的时候,要使用$.getIfModified而不能是用$.get,大家可以测试一下
如果使用$.get你第一次注册了一个名字,你不要做其他的操作,你再在文本框里面输入相同的名称,那个时
侯还能注册的,这点要注意。
相关文章推荐
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery+ajax+C#实现无刷新操作数据库数据
- 使用 jQuery+Ajax+MySQL+Servlet 实现不刷新页面数据更新
- jquery通过 ajax 实现 Oracle数据库 数据操作
- 项目经验之:利用Jquery+HTML静态模版实现数据的展示及无刷新增加,修改,删除,分页操作!!!
- Jquery结合setinterval实现ajax实时刷新前台数据的效果
- jQuery+Ajax实现无刷新操作
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- Ajax:后台jquery实现ajax无刷新删除数据及demo
- js(jquery)与ajax结合实现无刷新操作
- JQuery+Ajax实现无刷新数据查询
- 用jQuery实现asp.net 2.0 treeview控件完全无刷新操作实例(AJAX的增、删、改、选择以及展开收缩节点)
- 利用JQuery+Ajax实现aspx页面无刷新的动态数据绑定
- 利用js实现Ajax操作(不通过数据库传数据)
- jQuery+Ajax实现无刷新操作
- bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法
- jQuery EasyUI+ajax+datagrid 实现table数据刷新
- C#在winform中操作数据库,实现数据增删改查
- CuteEditor5.0的安装及它与Ajax.net配合无刷新操作数据库 (asp.net C#)