Ajax使用心得一二(基于jquery ajax)

阅读更多

原来是采用jquery支持的ajax方法,但后来感觉传参数、表单提交不是很方便,故采用了官方基于jquery的jquery.form.js包。

这个jquery.form使用起来很直观,果真是作者所说,是比较易用和功能强大的ajax   form提交了。

用法请参考:http://www.malsup.com/jquery/form/

在ajax运用中主要是参考了

利用JQuery方便实现基于Ajax的数据查询、排序和分页功能

主要作了优化,然后将通用的功能都用jquery封装好了,在每个模块只需更改部分内容就完成了排序、分页等功能。对排序实现了初始图标(未排序图标)、升序、降序切换。对分页使用struts2标签实现,通用jquery处理页码,具有首页、尾页、上一页、下一页、页码,每页可定义显示页码数,如每页10个页码,超过10将显示下10个页码。原来刷新的情况下需要考虑参数传递问题,现在这些问题都不存在了。

另一个就是实现loading功能,在数据未载入或操作正在进行时,显示一个loading....图标,处理完后消失,在loading中时,界面的一切操作将被禁止掉,防止用户在不知道情的情况下进行了其它操作,比如正在删除数据,而此时却又在编辑此条数据。实现这个功能非常方便,使用了jquery.blockui,使用请参考:http://malsup.com/jquery/block/,多说一句,对blockui定义外观时,定义一个全局的样式{}很方便,如:var blockCss = {pading:'5px'}; 就可以这样用了:

$.blockUI( ' wait.gif Just a moment...' ,blockCss);
现在就是要正确的放置blockUI的位置,ajax操作之前放置$.blockUI,处理成功后放置$.unblockUI();
我采用的是sturts2、dwr,在对单条数据处理返回对象或处理标识采用dwr方便,在处理表单数据时,
使用struts2的action更方便,保存数据时不需要返回任何东西,在action中返回一个null就可以了,
保存成功后,将列表数据再次提交一次用ajax刷新即可,这样就不会丢失什么参数了,比如:页码、排序信息等。
突然止住,有空晒源码出来~~呵呵!

你可能感兴趣的:(Ajax,jQuery,DWR)