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
相关文档:
http://www.ajaxlines.com/ajax/stuff/article/using_google_is_ajax_search_api_with_java.php
I was rather depressed over a year ago when Google deprecated their SOAP Search API with their AJAX Search API. Essentially Google was saying that they didn want anyone programmatically accessing Google search ......
<html>
<head>
<title></title>
</head>
<mce:script type="text/javascript"><!--
var xmlHttp = false;
try{
xmlHttp = new XMLHttpRequest();
}catch(trymicrosoft){
try{
xmlHttp = new ActiveXObject("Msxml2.XMLHT ......
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表单提交方法(JSON)
1./*****JAVA**************************************************************/
JAVA类中:
/*****JAVA**************************************************************/
2./*****struts.xml**************************************************************/
struts.xml文件中:
......
在ajax没出来之前,一直是用iframe实现的无刷新请求。
主要的原理是:
使用js创建一个隐藏的iframe
把要提交的表单的target属性指向1中生成的iframe
在请求的页面中回调父页面的方法
这样就实现了一个简单的“异步提交”
看起来和ajax一样的效果,那为什么还要有ajax,我们来比较下:(以下把ajax技术称为X ......