Struts2+Spring 整合成功测试案例----利用jquery+Json实现简单的Ajax的效果（二）

最新推荐文章于 2024-04-19 22:01:13 发布

TnQin

最新推荐文章于 2024-04-19 22:01:13 发布

阅读量1.7k

点赞数

分类专栏： J2EE篇文章标签： struts ajax spring jquery 测试 json

本文链接：https://blog.csdn.net/tnqin/article/details/7712887

版权

J2EE篇专栏收录该内容

10 篇文章 0 订阅

订阅专栏

经过几番搜索+测试，利用jquery+Json写了个实现Ajax效果实例，批量显示数据。此数据接上节内容。

一、准备工作jar包

1.commons-beanutils-1.8.0.jar

2.commons-collections-3.2.1.jar

3.commons-collections.jar

4.ezmorph-1.0.6.jar

5.javassist-3.11.0.GA.jar

6.json.jar

7.json-lib-2.4-jdk15.jar

8.struts2-json-plugin-2.3.4.jar

.....

二、导入Js ：jquery-1.4.4.js

存放路径为：../WebContent/js/jquery-1.4.4.js.

三、修改PersonAction.java

public class PersonAction extends ActionSupport {

private PersonService personService;

private String result;

private Person per=new Person();

List<Person> lsPer =new ArrayList<>();

public Person getPer() {
  return per;
}
public void setPer(Person per) {
  this.per = per;
}
public PersonService getPersonService() {
  return personService;
}
public void setPersonService(PersonService personService) {
  this.personService = personService;
}

public String addui() throws Exception{

  if (0==per.getPid()||""==per.getPname()||0==per.getPage()|| ""==per.getPaddr())
  {
   return ERROR;
  }
  else
  {
  System.out.println("#########################");
  personService.InsertPer(per);
  //lsPer=personService.listPer();
  /**
  lsPer=personService.listPer();
  for (int i=0;i<=lsPer.size()-1;i++){
   System.out.println(lsPer.get(i));
  }
  **/
  return SUCCESS;
  }
}

public String listui() throws Exception{
  System.out.println("WWWWWWWWWWWWWWWWWWWWWWWWW");
  lsPer=personService.listPer();

  return SUCCESS;
}
//新增内容：
public String listall() throws Exception{
  System.out.println("=======================");

  lsPer=personService.listPer();

  JSONArray jo=JSONArray.fromObject(lsPer);

  result=jo.toString();

  System.out.println(result);

  return SUCCESS;
}
public String getResult() {
  return result;
}
public void setResult(String result) {
  this.result = result;
}

/**
public String execute() throws Exception {

  System.out.println("#########################");
    System.out.println(per.getPid());
    System.out.println(per.getPname());
    personService.InsertPer(per);

    return SUCCESS;


   }
**/

}

......

四、修改struts.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">

<struts>
     <constant name="struts.i18n.encoding" value="UTF-8"></constant>
    <constant name="struts.objectFactory" value="spring"></constant>


     <package name="person" extends="struts-default" namespace="/">

          <action name="add" class="personAction" method="addui">
           
            <result name="success">/listperson.jsp</result>
             <result name="error">/addperson.jsp</result>
          </action>

          <action name="addlist" class="personAction" method="listui">
          <result name="success">/listperson.jsp</result>
          </action>



   </package>
   
   <package name="persons" extends="json-default" namespace="/">

     <action name="listAll" class="personAction" method="listall">
        <result type="json">
        <param name="root">result</param>
        </result>
      </action>

    </package>

</struts>

五、新增一个Jsp页面：allperson.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>显示界面</title>
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">

   $(document).ready(function(){
   //使用 Ajax 的方式判断
    $("#allPer").click(function(){


     var url='listAll.action';

   //获取表单值，并以json的数据形式保存到params中
     var params={

      };

   //使用$.post方式
     $.post(

      url, //服务器要接受的url
      params, //传递的参数
      function dadf(datad){


          //服务器返回后执行的函数参数 data保存的是服务器发送到客户端的数据

   //    alert("dd====="+datad);
        var dataArray=eval("("+datad+")");    //包数据解析为json格式
        var count=dataArray.length;
       for (var i=0;i<dataArray.length;i++){
                 $("#"+(i*5+1)).html(dataArray[i].id);

        $("#"+(i*5+2)).html(dataArray[i].pname);

        $("#"+(i*5+3)).html(dataArray[i].page);

        $("#"+(i*5+4)).html(dataArray[i].paddr);

       }

      },
      'json'     //数据传递的类型 json

     );
    });

   });

</script>
</head>
<body>

    <input type="submit" id="allPer" value="OK" />


   <div id="show">
      <label id='lop' value=""></label>
      <table border='1'>
         <tr>
           <td>编号</td>
           <td>姓名</td>
           <td>年龄</td>
           <td>地址</td>

         </tr>

         <%

         for(int i=0;i<10;i++){
         %>
           <tr>
             <td id="<%=i*5+1 %>"> id</td>
           <td id="<%=i*5+2 %>"> pname</td>
           <td id="<%=i*5+3 %>">page </td>
           <td id="<%=i*5+4 %>">paddr</td>

       </tr>
         <%
         }
         %>
      </table>

   </div>


</body>
</html>

六、测

TnQin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Struts2+Spring 整合成功测试案例----利用jquery+Json实现简单的Ajax的效果（二）

经过几番搜索+测试，利用jquery+Json写了个实现Ajax效果实例，批量显示数据。此数据接上节内容。一、准备工作jar包 1.commons-beanutils-1.8.0.jar 2.commons-collections-3.2.1.jar 3.commons-collections.jar 4.ezmorph-1.0.6.jar 5.javas
复制链接

扫一扫