易截截图软件、单文件、免安装、纯绿色、仅160KB

struts2结合jquery的Ajax应用

前言
最近尝试在Google App Engine(GAE)平台上构建一个blog,目前进度已经完成将近50%,其中Css和DIV布局折腾得我够呛,对UI一向是个外行,色感拿捏实在没谱,只好仿造Wordpress了--_--||;
 
为何采用AJAX:
回复是在blog文章阅读中的一个常见的功能,如CSDN的回复等等,但是因为回复内容不多,甚至大多数时间有些朋友经常会仅仅留下mark一下,于是决定在此部分采用ajax刷新;
而本身此Blog系统采用的框架是struts2+JPA,利用ThreadLocal进行事务处理;UI端采用Jquery作为JS框架;
 
前端界面
1)       首先编写评论提交表单:
 
 
 <div class="commentor pane">
     <form name="comment_form">
      <input name="articleId" id="articleId" type="hidden" value='<s:property value="article.id" />'/>
      <div class="comment_item">
       <label>
        昵称:
       </label>
       <input name="comment.name" id="name_comment" />
      </div>
      <div class="comment_item">
       <label>
        邮件地址:
       </label>
       <input name="comment.email" id="email_comment" />
      </div>
      <div class="comment_item">
       <label>
        主页地址:
       </label>
       <input name="comment.page" id="page_comment" />
      </div>
  &nbs


相关文档:

Ajax无刷分页

js文件:
var where=" where pd_Isjifen=0 and pd_Isok=1"; //查询条件
var psize=16; //查询数据数目
var pindex=0;//当前页数
var order=" order by pd_Update desc,type_sort,pd_brand,pd_typeid"; //排序条件
var temp=0; //模板名称
var Pcount=0;

//获取参数
function getUrlPara(p ......

ajax回调


xml数据:
writer.write("<root>" +
   "<name>a</name>" +
   "<name>b</name>"+
   "</root>");
前台解析:
request.onreadystatechange=function(){
  if(request.readyState==4){
   var x=requ ......

龙博AJAX框架 基于web的图形控件及可视化设计

http://www.longboo.com/
分页
http://www.longboo.com/Samples/linb/widgets/TreeGrid.Paging/index.html
数据库查询工具
http://www.longboo.com/Samples/comb/OrderManagement/index.html
email工具
http://www.longboo.com/Samples/comb/OutLook/index.html
网店
http://www.longboo.com/Samples/linb/Template ......

[JavaScript]自已写的一个AJAX请求"类"

  很多人都用过AJAX控件吧,AJAX控件不需要刷新页面就可以到后台去读出数据到客户端.AJAX控件除了有很炫的特效外,其要功能就是不需要刷新整个页面就可以取得用户所需要的数据,我把这一块的的功能封装成一个类,方便日后可以重复使用,代码如下:
   //Ajax Request Class Start
  functio ......

隐藏域方式的Ajax实现


xmlHttp形式的Ajax:XmlHttp形式的Ajax IBM技术文档库
以下是利用隐藏iframe实现的ajax:
index.htm
<html>
<head>
</head>
<body>
<iframe id="testFrame" frameborder="0" style="width:0px; height:0px;">
</ifra ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号