struts2 jquery json 实现ajax技术 返回list

最新推荐文章于 2021-08-05 13:23:05 发布
最新推荐文章于 2021-08-05 13:23:05 发布
阅读量132 收藏
点赞数
分类专栏： struts2 文章标签： Ajax json jQuery Struts SQL ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ljz0898/article/details/83727202
版权
jsp页面： 

  <input type="hidden" id="currentPage2" value="1">
 <br/><br/><div></div>
										<DIV id=in_send>
		<div align="left" style="padding-left:40px; font-weight:blod; margin-top:10px;" >发表评论：</div>
			<table width="720" border="0" cellspacing="5" cellpadding="0"><tr>
			<td align="left">姓　名：</td>
			<td  align="left"><input type="text" name="picCriticismName" id="picCriticismName" style="width:220px"  maxlength="49" tabindex=1>
			<div id="nmerror" style="float:left;" >*姓名最长为50字节</div></td></tr>
			<tr><td  align="left" valign="top" class="f14" id="reTitle">内　容：</td>
			<td  align="left" ><textarea name="picCriticismContent" id="picCriticismContent" style="width:520px;height:155px"  tabindex=4></textarea>
			</td></tr>
			<tr id="3_err" style="display:none"><td> </td><td><div class="error" id="3_err_con"></div></td></tr>
			<tr><td valign="top"> </td>
			<td valign="top" align="left" >
			<input  type="button" onclick="good()" value="发表评论"  >
			</td>
			</tr></table>



										</DIV>
									</DIV>


xml配置文件：
  <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC  "-//Apache Software Foundation//DTD Struts Configuration 2.0//EN"
    "http://struts.apache.org/dtds/struts-2.0.dtd">
    <!-- 
               作者：ljz
              时间：2010/09/15           
    -->
<struts>

  <package name="piccriticism"  extends ="json-default">
  <action name="addPicCriticism" class="PicCriticismBean" method="addPicCriticism">   

<result  name="success" type="json">
<param name="includeProperties">
	list5\[\d+\]\.criticismContent,list5\[\d+\]\.criticismName,list5\[\d+\]\.criticismIp,list5\[\d+\]\.criticismTime,list5\[\d+\]\.totalPage,list5\[\d+\]\.currentPage
</param>
</result>   
</action>
</package>
</struts>




package cn.ljzblog.ljz.action;

import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.List;

import test.SuperPicCriticims;
import cn.ljzblog.ljz.common.CalculatePage;
import cn.ljzblog.ljz.common.Page;
import cn.ljzblog.ljz.model.PicCriticism;
import cn.ljzblog.ljz.model.PicCriticismTemp;
import cn.ljzblog.ljz.service.PicCriticismServices;
import cn.ljzblog.ljz.util.ActionContextUtil;

import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;


/**
 * 相片评论
 * @author ljz
 * @time 2010/10/03
 */
public class PicCriticismAction extends ActionSupport implements ModelDriven<PicCriticismTemp>{
	 private PicCriticismTemp pt = new PicCriticismTemp();
	 private SuperPicCriticims sc = new SuperPicCriticims();
	 private ActionContextUtil acu = new ActionContextUtil();
	 private PicCriticism pc = new PicCriticism();
	 private String pictureDetail;
	 private String picCriticismName;
	  private String currentPage2 = "1";
	   private Page page = new Page();
	   private String firstOrLast = new String();//判断是否是首页或者是尾页
		private CalculatePage cal = new CalculatePage();
		private PicCriticismServices picCriticismServices;
		private int currentPage  = 1;
		private List<PicCriticismTemp> list5 ;
		private String picCriticismId;
   public String addPicCriticism(){
	   System.out.println("进入评论先相片action");
	   System.out.println(this.getFirstOrLast());
	   System.out.println(pt.getPicName()+"相片名称");
	   page.setPageSize(5);
	   //String sql = "select t.pic_criticism_content,t.piccriticismip,t.piccriticismtime,t.piccriticismname from t_pic_criticism t inner join t_picture pic on t.picture_id = pic.picture_id where pic.picture_name = '"+pt.getPicName()+"' order by t.pic_criticism_id desc";
	   String sql = "select t.pic_criticism_content,t.piccriticismip,t.piccriticismtime,t.piccriticismname from t_pic_criticism t inner join t_picture pic on t.picture_id = pic.picture_id where pic.picture_name = '"+pt.getPicName()+"' order by t.pic_criticism_id desc";
	   List<PicCriticismTemp> list4 = picCriticismServices.queryPicCriticismLength(sql);
	   System.out.println("list4大小:"+list4.size());
   	page.setTotalResultNumbers(list4.size());
   	page.setTotalPage(cal.getTotalPage(page.getTotalResultNumbers(), page.getPageSize()));
   	 if(this.getFirstOrLast().equals("first")){
   		 System.out.println("进入first");
    		currentPage = 1;
    	}else if(this.getFirstOrLast().equals("last")){
    		//currentPage = page.getTotalPage();
    		currentPage = cal.getTotalPage(list4.size(), page.getPageSize());    		
    		System.out.println("last页尾:"+currentPage);
    	}else if(this.getFirstOrLast().equals("next")){
    		currentPage = cal.nextPage(Integer.parseInt(this.getCurrentPage2()), cal.getTotalPage(list4.size(), page.getPageSize()));
    		System.out.println("next页尾:"+currentPage);
    	}else if(this.getFirstOrLast().equals("pre")){
    		currentPage = cal.previousPage(Integer.parseInt(this.getCurrentPage2()));
    		System.out.println("pre页尾:"+currentPage);
    	}else{
    		System.out.println("进入其他");

       	Date currentTime = new Date();		  
   		SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");	
   		pc.setPicCriticismContent(pt.getCriticismContent());
   		//System.out.println(pt.getCriticismIp());
   		pc.setPicCriticismIp(acu.getIpAddr(acu.getRequest()));
   		System.out.println(acu.getIpAddr(acu.getRequest())+"ip是");
   		pc.setPicCriticismName(this.getPicCriticismName());
   		pc.setPicCriticismTime(formatter.format(currentTime));
   		pc.setPictureId(Integer.parseInt(this.getPicCriticismId()));
   		System.out.println("评论内容:"+pt.getCriticismContent());
   		//System.out.println("评论者ip:"+this.getIpContent.split(";")[1]);
   		System.out.println("评论ip:"+pt.getCriticismIp());
   		System.out.println("评论者昵称:"+this.getPicCriticismName());
   		System.out.println("评论相片ID:"+this.getPicCriticismId());
         picCriticismServices.addPicCriticism(pc) ;    	
    		currentPage = Integer.parseInt(this.getCurrentPage2());
    		System.out.println("添加成功");
    	}

   	 page.setCurrentPage(Integer.parseInt(this.getCurrentPage2()));
   	 System.out.println("当前是 :"+currentPage+":this:"+page.getCurrentPage());
   	 page.setBeginIndex(cal.pageToRow(this.getCurrentPage(), page.getPageSize()));
    	page.setEndIndex(cal.calLastIndex(this.getCurrentPage(), page.getPageSize()));
    	System.out.println(page.getTotalResultNumbers()+"-------------");

   	//String sql = "from Criticism as criti where criti.articleId = ? order by criti.criticismId desc ";
    	System.out.println(":begin"+page.getBeginIndex()+":endindex"+page.getEndIndex());
   	list5 = picCriticismServices.queryPicCriticism(sql,  cal.pageToRow(this.getCurrentPage(), page.getPageSize()), cal.calLastIndex(this.getCurrentPage(), page.getPageSize()));
   	sc.setCurrentPage(this.getCurrentPage());
   	sc.setTotalPage(cal.getTotalPage(list4.size(), page.getPageSize()));
   	System.out.println("总共"+cal.getTotalPage(list4.size(), page.getPageSize()));
   	//sc.setPictureName(pt.getPicName());
   //	sc.setPicDetail(this.getPictureDetail());
   	list5.add(sc);
   	System.out.println(list5.size()+"list5.size");
    for(PicCriticismTemp pt :list5){
    	System.out.println(pt.getCriticismContent()+":"+pt.getCriticismIp()+":"+pt.getCriticismName()+":"+pt.getCriticismTime()+":");
    }
	   return "success";
   }
@Override
public PicCriticismTemp getModel() {	
	return pt;
}
public PicCriticismTemp getPt() {
	return pt;
}
public void setPt(PicCriticismTemp pt) {
	this.pt = pt;
}
public String getCurrentPage2() {
	return currentPage2;
}
public void setCurrentPage2(String currentPage2) {
	this.currentPage2 = currentPage2;
}
public Page getPage() {
	return page;
}
public void setPage(Page page) {
	this.page = page;
}
public String getFirstOrLast() {
	return firstOrLast;
}
public void setFirstOrLast(String firstOrLast) {
	this.firstOrLast = firstOrLast;
}
public CalculatePage getCal() {
	return cal;
}
public void setCal(CalculatePage cal) {
	this.cal = cal;
}
public PicCriticismServices getPicCriticismServices() {
	return picCriticismServices;
}
public void setPicCriticismServices(PicCriticismServices picCriticismServices) {
	this.picCriticismServices = picCriticismServices;
}
public int getCurrentPage() {
	return currentPage;
}
public void setCurrentPage(int currentPage) {
	this.currentPage = currentPage;
}


public SuperPicCriticims getSc() {
	return sc;
}
public void setSc(SuperPicCriticims sc) {
	this.sc = sc;
}
public String getPicCriticismId() {
	return picCriticismId;
}
public void setPicCriticismId(String picCriticismId) {
	this.picCriticismId = picCriticismId;
}
public PicCriticism getPc() {
	return pc;
}
public void setPc(PicCriticism pc) {
	this.pc = pc;
}
public String getPicCriticismName() {
	return picCriticismName;
}
public void setPicCriticismName(String picCriticismName) {
	this.picCriticismName = picCriticismName;
}
public List<PicCriticismTemp> getList5() {
	return list5;
}
public void setList5(List<PicCriticismTemp> list5) {
	this.list5 = list5;
}
public String getPictureDetail() {
	return pictureDetail;
}
public void setPictureDetail(String pictureDetail) {
	this.pictureDetail = pictureDetail;
}

}



由于返回的list不仅包含对象 我还想返回一些字符串 所以就写一个继承类来实现！ 

package test;

import cn.ljzblog.ljz.model.Criticism;
import cn.ljzblog.ljz.model.PicCriticismTemp;

public class SuperPicCriticims extends PicCriticismTemp {
      private int totalPage;
      private int currentPage;
      private String picLoginTime;
  	private String picDetail;
  	private String pictureName;

	public int getTotalPage() {
		return totalPage;
	}
	public void setTotalPage(int totalPage) {
		this.totalPage = totalPage;
	}
	public int getCurrentPage() {
		return currentPage;
	}
	public void setCurrentPage(int currentPage) {
		this.currentPage = currentPage;
	}
	public String getPicLoginTime() {
		return picLoginTime;
	}
	public void setPicLoginTime(String picLoginTime) {
		this.picLoginTime = picLoginTime;
	}
	public String getPicDetail() {
		return picDetail;
	}
	public void setPicDetail(String picDetail) {
		this.picDetail = picDetail;
	}
	public String getPictureName() {
		return pictureName;
	}
	public void setPictureName(String pictureName) {
		this.pictureName = pictureName;
	}

}

返回前台jquery 处理！ 


 var firstOrLast='none';	
 var params;
function go() {

		validate('next')

	}
	function end() {
		validate('last');
	}
	function first() {
		validate('first');
	}
	function gg() {
		validate('pre')
	}

   var validate = function(flag) { 
	   if(flag=='none'){
		   //alert(flag+"证明可以啊");
			  params ={
					  CriticismIp:$("#picCriticismIp").val(),					
					  CriticismContent:$("#picCriticismContent").val(),
				      firstOrLast:flag,
				      picName:$("#currentPicName").val(),
				      picCriticismId:$("#picCriticismId").val(),
				      picCriticismName:$("#picCriticismName").val(),
				      currentPage2:$("#currentPage2").val()
				    }
		  }else{
			  params ={
					  picCriticismId:$("#picCriticismId").val(),
					  picName:$("#currentPicName").val(),
				      firstOrLast:flag,
				      currentPage2:$("#currentPage2").val()
				    }
		  }
	   if(flag=='query'){
		   firstOrLast='first';		 
	   }else if(flag=='first'){
		   firstOrLast = 'first';
	   }else if(flag == 'pre'){
		   firstOrLast ='pre';
	   }else if(flag == 'next'){
		   firstOrLast ='next';
	   }else if(flag == 'last'){
		   firstOrLast ='last';
	   }else if(flag == 'none'){
		   firstOrLast  ='none';
		   if(params.picCriticismName==""){
			     alert("昵称不能为空");
			     return ;
			   }else if(params.CriticismContent==""){
			    	alert("评论内容不能为空");
			    	return ;
			    }


	   }

	var url='addPicCriticism.action';


    $.ajax({
         url:url, 
         type:'post',
         dataType:'json', 
         data:params,
         success:function(data){ 

    	var index = 0;

    	var tar = "<TABLE style=\"BORDER-COLLAPSE: collapse\"  border=\"0\" cellSpacing=\"0\"><TBODY>";
    	 tar+="<tr><td align=\"left\" colspan=\"2\">网友评论:</td></tr>";
    	 $.each(data.list5,function(i,value){   
    		 index = i;


    		 tar+="<tr id=0"+i+"><td align=\"left\">"+(i+1)+"  "+value.criticismName+"说:   "+value.criticismContent+"</td></tr>";
    		 tar+="<tr id=1"+i+"><td align=\"left\">ip："+value.criticismIp+"</td>    &nbsp<td align=\"left\">    时间 :"+value.criticismTime+"</td></tr>";             

         })




	tar+="<tr><td colspan=\"2\">  <table align=\"left\" width=\"100%\" id=\"table1\" style=\"display:none\">";
		tar +="<tr><td align=\"left\"><a href=\"javascript:void(0)\"><font id=\"totalpage\"  color=blue></font></a></td>";
		tar+="	<td align=\"left\"><a href=\"javascript:void(0)\"><font id=\"currentpage\" color=blue></font><font id=\"totalpage2\" color=blue></font></a>";
		tar+="</td><td><a onclick=\"first()\" style=\"cursor: hand\"><font color=blue>首页</font></a></td>";
		tar+="<td><a onclick=\"gg()\" style=\"cursor: hand\"><font color=blue>上一页</font></a></td><td>";
		tar+="<a onclick=\"go()\" style=\"cursor: hand\"><font color=blue>下一页</font></a></td><td>";
		tar+="<a onclick=\"end()\" style=\"cursor: hand\"><font color=blue>尾页</font></a></td></tr>";
	tar+="</table></tr>";


         tar+="</TBODY></TABLE>";
    	 $('#result').html(tar);    	
    	 var totalpage = data.list5[index].totalPage;
    	 var currentpage = data.list5[index].currentPage;
    	 $('#totalpage').html("总共"+totalpage+"页");
    	 $('#currentpage').html("当前"+currentpage+"/");
    	 $('#totalpage2').html(totalpage+"页");
    	 $("#currentPage2").val(currentpage);

    	$('#0'+index).hide();
    	$('#1'+index).hide();
    	if(index==0){
    		 $("#table1").hide();
    		 var nocontent = "<span align=\"left\" ><font color=\"red\">沙发空缺中，请您快----------</font></span>";
    		 $('#result').html(nocontent);
    	}else{
    	 $("#table1").show();
    	 }
         }
      });

   }


追梦少年888
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX 想Struts2后台传送Json数据并向前台返回Json格式的数据
04-24
三种方式通过Struts后台传送数据，Struts标签库，form表单，ajax
Struts2+Jquery实现ajax并返回json类型数据
09-02
以上就是使用Struts2和jQuery实现Ajax请求并返回JSON数据的基本流程。通过这种方式，我们可以在不刷新整个页面的情况下，实现数据的异步加载和动态更新，提高用户体验。在实际项目中，可能还需要考虑错误处理、数据...
struts2+json返回一个list
hwt_211博客
07-30 1192
注意点：1在配置文件中配置excludeProperties 或者includeProperties，不需要配置root         2在页面得到empList的时候 一，在action中 @Controller public class OperateEmp extends ActionSupport {     @Resource     private EmpServic
json+struts2+ajax+list实现异步传输一个列表
一年e度的夏天的专栏
09-10 1339
首先引包：很多包，漏了一个就会导致无法运行的，就是停在那个地方，不进行下去了
Struts2与Ajax联合，返回list的问题
money9sun的博客
10-27 2588
最近在做一个小系统，在尝试用Struts2框架下用Ajax技术进行异步刷新。主要配置如下：     Struts的配置文件：                                                                                     message,list.*                        
struts2+jquery+ajax实现传输List数据并解析
oliver233的博客
04-30 4856
上一篇博客，我们提到了如何，利用struts2+jquery+ajax来实现普通json数据的传输，在实际使用中，前台不仅仅显示是逻辑处理后的值。还有从数据库中查询的值，例如hibernate数据库，在查询操作完成后就返回一个List的数据结构，所以，我们需要将List转成json数据类型，并返回到前台，再有JS解析后，显示在页面上。大部分的代码与上一篇博客的相同，页面也是一个页面首先建立一个模型类
Struts2 Jquery Json 实现AJax表单验证
岁寒松柏
09-20 3051
弄了一整天了，刚开始学习Jquery，很多东西还不熟，看看视频，查查资料，终于成功的集成Struts2+Jquery+Json 直接上图:用户名输入xxx,焦点丢失，提示”用户已存在“，否则提示“可以注册“，密码同样如此,   首先需要导包：如下除了struts2必须的包外，还有json包以及涉及的commons的几个包. 此外要下载Jquery的js文件，然后部署到下图位置，当然
ssh jquery ajax json,SSH JQuery Json ajax请求返回List对象集合
weixin_29479863的博客
08-05 93
1.需要的jar文件： 2.struts.xml配置 listOne/[/d+/]/.id,listOne/[/d+/]/.typeName ,listTwo/[/d+/]/.id,listTwo/[/d+/]/.typeName ,listThree/[/d+/]/.id,listThree/[/d+/]/.typeName 3.JSP页面中$(function (){ // 注册“...
AJAX和struts2传递JSON数组
12-05
总结来说，通过这种方式，我们可以利用AJAX向Struts2 Action传递JSON数组，实现异步数据交互。这在动态更新页面内容、处理表单提交等场景下非常有用。同时，使用JSON作为数据交换格式，使得前后端的数据交换变得更加...
Struts2 + jQuery+JSON 实现ajax
03-19
### Struts2 + jQuery + JSON 实现Ajax 在现代Web开发中，Ajax技术因其能够实现网页的局部刷新而被广泛采用。本篇文章介绍如何利用Struts2框架结合jQuery与JSON来构建一个简单的Ajax功能。 #### 一、环境搭建 1. ...
Struts2下的jQueryAjax请求（Json）
05-10
struts2下通过jquery的ajax从后台传json对象并展示在web页面上的一个小例子，所需的jar包请自己下载否则无法运行，所需的包包括struts的必须包，json的支持包和struts对json的支持包
Struts2+JSON 实现AJAX 返回对象和列表
10-25
### Struts2+JSON 实现 AJAX 返回对象和列表 #### 一、背景介绍 随着Web技术的发展，Ajax（Asynchronous JavaScript and XML）已经成为现代Web应用不可或缺的一部分。它通过后台与前端进行异步数据交换和操作，使...
利用struts2的Ajax返回JSON时报错
ShawnLiew的专栏
11-23 207
今天做了SSH2框架下的Ajax从后台去处List返回前台，数据取成功了，前台也可以显示，但总会报错如下：java.lang.IllegalAccessException: Class com.googlecode.jsonplugin.JSONWriter can not access a member of class org.apache.commons.dbcp.PoolingDataSo...
Struts2整合jQuery和JSON实现Ajax登录注册
总结，这个小demo展示了如何结合Struts2、JSON和jQuery实现一个功能完整的AJAX登录注册系统，通过这种技术栈，可以提升Web应用的交互性和用户体验。不过，实际开发中还需要考虑安全性问题，例如防止SQL注入、XSS攻击...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值