jquery+ajax+C#实现无刷新操作数据库数据的简单实例_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery+ajax+C#实现无刷新操作数据库数据的简单实例_jquery,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含6221字,纯文字阅读大概需要9分钟。
内容图文
我们知道同步执行和异步执行的区别,为了更好的提高用户的体验,我们都会采用异步方式去处理一些问题,毕竟单线程的同步可能回造成卡死等现象,很不友好,所以可以使用ajax来完成用户的体验,现在我们就来说说如何使用jquery的ajax来实现无刷新的获取内容我们只是单方面的获取内容,分页等就不考虑了,后期会讲到无刷新的分页
页面中我们放置一个Div容器用来存放返回的内容
注:wait.gif是一个类似进度条的效果,当没有加载的内容没有加载出来的时候,就显示这个效果,这样就能提高用户的体验度。然后最重要的就是jquery这块了,需要用到ajax来完成
代码:
function getInfo()
{
$.ajax({
url:"doAction.aspx?fig=reader&id=1&page=1",
type:"POST",
success:function(Data)
{
$("#comment").html(Data);
//通过arguments[0]接收也可以 $("#comment").html(arguments[0]);
},
error:function()
{
alert("程序出错");
}
})
}
url:指向的url
type:提交的方式,可以为POST或者GET
success:通信成功后执行的函数
error:通信失败后执行的函数
beforeSend:通信前执行的韩硕
complete:通信完成后执行的函数
在这里采用了POST提交的方式,比Get更安全些,所以也可以替换成下面的方式
function getInfo1() {
$.post("doAction.aspx", { fig: "reader", id:"1", page:"1" }, function () {
$("#comment").html(arguments[0]);
})
}
可以看到参数的写法不同,采用POST提交方式,第一种方式和第二种方式区别在于:
首先,接收参数的时候,在doAction.aspx页面里第一种方式使用Request.QueryString["fig"]接收,第二种方式使用的是Request.Form["fig"]
其次,第一种方式当通信失败后,可以友好的返回错误信息,第二种方式暂时没发现可以返回
然后在doAction.aspx页面中,只要进行相应的处理就可以了
if (Request.Form["fig"] != null && Request.Form["fig"].ToString() == "reader")
{
ajax_getcomment("1",1);
}
//从数据库中获取数据
private void ajax_getcomment(string id, int page)
{
using (CommentBO cm = new CommentBO(id, page - 1))
{
Response.Write(cm.getCommentContent());
}
}
同样如果才用Get的提交方式,使用$.get("",{},function(){})也是一样的..
另外一种加载内容的方式可以使load()方法,关于用法可以查阅api,简单说说上面的用load如何加载
代码
内容总结
以上是互联网集市为您收集整理的jquery+ajax+C#实现无刷新操作数据库数据的简单实例_jquery全部内容,希望文章能够帮你解决jquery+ajax+C#实现无刷新操作数据库数据的简单实例_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。