jquery如何实现在jsp页面中的无刷新分页
2010-10-08 19:50
661 查看
公司要求用jquery实现页面无刷新分页,外加增删改查操作。
我们采用的技术是jsp+JavaBean+Servlet,后台数据库为sqlserver 2000
现在是测试阶段,还没有正式应用到到项目中去。
由于本人之前没接触过jquery,所以在网上查找相关资料,想要一顿恶补,
但是在所找到的资料中php的例子居多,.net的也有,可关于jsp的则少之又少,
基本没有一个完整的demo可供参考,参照那些例子做出来的东西,
总是出现一些预料之外的问题,让我不知道如何解决。
现在很急,所以现在发帖请求大家帮助。
简单要求:
1、使用jsp/servlet实现都可以,但必须与数据库进行交互
2、不用使用太复杂的表,简单的一个表(users)就行
我不是搜过一两遍的事情,如果能在搜索中解决,我也不必发帖了,你说是这个道理吧
前台页面都是ajax向后台页面获取数据,前台页面获取到数据for生成html就行了。。
根本不需要管你后台是什么语言,什么数据库。按照样式显示数据就行了。。一般是json
分页有关的是 是 与 form 提交数据有关
无刷新的 你就用 ajax 提交form 表单 就行了
然后 服务器端返回 数据的的格式 如:json格式的一系列数据
那么你就解析这个json 格式数据 然后操作表格 如Div中嵌套的tabl
其实就是一个webservice的概念,当然,webservice一般是返回xml,xml/json都可以。
也就是说,打个比方,你请求的是page.aspx?num=2
这就是第二页的一个页面请求,通过get的方式
而你需要的就是通过这个页面返回数据。明白了么?
第三页就是
page.aspx?num=3
第四页就是
page.aspx?num=4
至于数据呈现,既然ajax都拿到数据了,呈现也只是js的事情了
唯一缺憾 就是 jquery 的 ajax 中文 乱码!
如果是框架之类的 编码采用utf -8 基本没问题
如果没使用框架之类的(我没试)
如果是gbk 嘿嘿 有你头大的
做一个filter 专门过滤 jquery的ajax (网上有慢慢找)
或者formData[i].value = encodeURIComponent(formData[i].value);//
然后
String uu = request.getParameter("name");
System.out.println("test_" + URLDecoder.decode(uu,"utf-8"));
真是抽风,都用ajax,还用Form干嘛?活该你中文有问题
谁说ajax就不能用form 而且我用form得比你组织数据更方便更简洁
不理解jquery form 就不要这么说。
你用ajax 提交表达时候 你是不是 要自己 参数
xxxxx?name=?&name1=?&name2=?&name3=?&name3=?&
如果有什么好的方法或者 你用什么更好的方法提交查询条件的的数据 请指教!!
如果你不觉得这样麻烦 就可以
我使用 form
这是我一个ajax提交form表单
是 一个jquery 插件 可以 ajax 提交 表单查询条件 而 不用自己手动一个一个去写
大家都知道ajax
但是 都想怎么更简单的提交
以及多条件查询时候怎么更方便的提交表单吗?(我只是提出一个jquery的插件而已)
这里只探讨jquery的ajax 如果你使用其他的ajax框架 那么是我的中文真的有问题
我英文不好,就不翻译了:
该插件的作者在介绍form.js时,说了这样的一句话:
Submitting a form with AJAX doesn't get any easier than this!
现在还要去补中文~~~ 我为中国义务教育做出了多大的牺牲。
Ajax 呵呵 的确是好东西、 - - 我只有浅入、 实现一些登陆什么的还是可以的、
但是,。。。 展现整个页面的数据- -、我用的更多的是Servlet的out.print();
来源:nba直播
我们采用的技术是jsp+JavaBean+Servlet,后台数据库为sqlserver 2000
现在是测试阶段,还没有正式应用到到项目中去。
由于本人之前没接触过jquery,所以在网上查找相关资料,想要一顿恶补,
但是在所找到的资料中php的例子居多,.net的也有,可关于jsp的则少之又少,
基本没有一个完整的demo可供参考,参照那些例子做出来的东西,
总是出现一些预料之外的问题,让我不知道如何解决。
现在很急,所以现在发帖请求大家帮助。
简单要求:
1、使用jsp/servlet实现都可以,但必须与数据库进行交互
2、不用使用太复杂的表,简单的一个表(users)就行
我不是搜过一两遍的事情,如果能在搜索中解决,我也不必发帖了,你说是这个道理吧
前台页面都是ajax向后台页面获取数据,前台页面获取到数据for生成html就行了。。
根本不需要管你后台是什么语言,什么数据库。按照样式显示数据就行了。。一般是json
分页有关的是 是 与 form 提交数据有关
无刷新的 你就用 ajax 提交form 表单 就行了
然后 服务器端返回 数据的的格式 如:json格式的一系列数据
那么你就解析这个json 格式数据 然后操作表格 如Div中嵌套的tabl
其实就是一个webservice的概念,当然,webservice一般是返回xml,xml/json都可以。
也就是说,打个比方,你请求的是page.aspx?num=2
这就是第二页的一个页面请求,通过get的方式
而你需要的就是通过这个页面返回数据。明白了么?
第三页就是
page.aspx?num=3
第四页就是
page.aspx?num=4
至于数据呈现,既然ajax都拿到数据了,呈现也只是js的事情了
唯一缺憾 就是 jquery 的 ajax 中文 乱码!
如果是框架之类的 编码采用utf -8 基本没问题
如果没使用框架之类的(我没试)
如果是gbk 嘿嘿 有你头大的
做一个filter 专门过滤 jquery的ajax (网上有慢慢找)
或者formData[i].value = encodeURIComponent(formData[i].value);//
然后
String uu = request.getParameter("name");
System.out.println("test_" + URLDecoder.decode(uu,"utf-8"));
真是抽风,都用ajax,还用Form干嘛?活该你中文有问题
谁说ajax就不能用form 而且我用form得比你组织数据更方便更简洁
不理解jquery form 就不要这么说。
你用ajax 提交表达时候 你是不是 要自己 参数
xxxxx?name=?&name1=?&name2=?&name3=?&name3=?&
如果有什么好的方法或者 你用什么更好的方法提交查询条件的的数据 请指教!!
如果你不觉得这样麻烦 就可以
我使用 form
这是我一个ajax提交form表单
是 一个jquery 插件 可以 ajax 提交 表单查询条件 而 不用自己手动一个一个去写
大家都知道ajax
但是 都想怎么更简单的提交
以及多条件查询时候怎么更方便的提交表单吗?(我只是提出一个jquery的插件而已)
这里只探讨jquery的ajax 如果你使用其他的ajax框架 那么是我的中文真的有问题
我英文不好,就不翻译了:
该插件的作者在介绍form.js时,说了这样的一句话:
Submitting a form with AJAX doesn't get any easier than this!
现在还要去补中文~~~ 我为中国义务教育做出了多大的牺牲。
Ajax 呵呵 的确是好东西、 - - 我只有浅入、 实现一些登陆什么的还是可以的、
但是,。。。 展现整个页面的数据- -、我用的更多的是Servlet的out.print();
来源:nba直播
相关文章推荐
- jsp+jquery 实现图片验证码(在主页面不刷新的情况下可更换图片)
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现第1/2页
- struts+spring+hibernate用jquery实现数据分页异步加载,页面不刷新
- 使用jquery 如何编写实现请求本页面的无刷新操作
- JS+Ajax+Jquery实现页面无刷新分页以及分组 超强的实现 加上你的CSS完全可以与EXT媲美哦
- 如何在JSP页面中不使用任何插件实现分页查询
- 用Ajax+js+jQuery实现无闪烁定时刷新页面 定时刷新
- 用servlet如何实现jsp登陆页面的跳转??搜索
- Jquery刷新页面背景图片随机变换的实现方法
- jquery pagination插件实现无刷新分页代码
- jsp页面的分页实现
- jQuery 插件-使用jQuery Pagination实现无刷新分页
- JSP页面如何访问标签中定义的变量-使用实现
- 用Jquery.load载入页面实现局部刷新
- ajax实现jsp页面的动态刷新时间
- JavaBean+Jsp 实现页面分页
- AjaxAnyWhere 实现页面局部刷新,局部分页
- 如何利用Axis2+Spring实现文件上传(支持jsp页面的form表单提交),Android客户端调用
- jQuery实现AJAX定时刷新局部页面实例