Struts2 ajax

最新推荐文章于 2021-08-06 21:30:54 发布

Thinking_in_小虫

最新推荐文章于 2021-08-06 21:30:54 发布

阅读量277

点赞数

分类专栏： Struts2 文章标签： struts2.0

本文链接：https://blog.csdn.net/Get_More/article/details/77676504

版权

Struts2 专栏收录该内容

18 篇文章 2 订阅

订阅专栏

使用servlet api返回数据实现ajax
jsp：

<script type="text/javascript"    src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" >
    $(function(){
    $('#btn').click(function(){
        $.post("ajax.action",function(data){
        $('#msg').html(data);
});
});
});


</script>
  </head>
  <body>
  <input type="button" id="btn"  value="获取ajax信息"/>
  <h3 id="msg"></h3>

    </body>
</html>

action：

public class AjaxAction {
    public  String execute() throws IOException{
        HttpServletResponse  resp=ServletActionContext.getResponse();
        resp.setCharacterEncoding("utf-8");
        resp.getWriter().print("ajax");
        return null;
    }
}

struts.xml

<struts>
    <package  name="default"  namespace="/"  extends="list-default">
        <action  name="ajax"  class="cn.sxt.action.AjaxAction">
        </action>
    </package>
</struts>

使用struts2插件来实现ajax处理（返回json数据格式）
这里写图片描述

观察里面的xml，所以extends要继承的是json-default了
Action：

public class JsonAction {
    private JSONArray  root;
    public String execute(){
        List<User> list=new ArrayList<User>();
        list.add(new User("s", 1));
        list.add(new User("i",2));
        list.add(new User("g", 3));
        root=JSONArray.fromObject("list");
        System.out.println("root="+root.toString());
        return "success";
    }
    public JSONArray getRoot() {
        return root;
    }

    public void setRoot(JSONArray root) {
        this.root = root;
    }

}

struts.xml

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

        <action  name="json"  class="cn.sxt.action.JsonAction">
            <result type="json">
                <param name="root">root</param> 
            </result>
        </action>
    </package>
</struts>

jsp

<script type="text/javascript"    src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" >
    $(function(){
    $('#btn').click(function(){
        $.post("json.action",function(data){
            var html="";
            for(var i=0;i<data.length;i++){
                html+="<tr><td>"+data[i].name+"</td><td>"+data[i].age+"</td></tr>";
                $('#content').html(html);
            }
},'json');
});
});


</script>
  </head>
  <body>
  <input type="button" id="btn"  value="获取ajax信息"/>
 <table  width="80%" >
    <tr>
        <td>姓名</td>
        <td>年龄</td>
    </tr>
    <tbody  id="content">
     </tbody>

 </table>

    </body>
</html>