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刷新即可，这样就不会丢失什么参数了，比如：页码、排序信息等。

突然止住，有空晒源码出来~~呵呵！