struts2 +jquery +json实现ajax技术

第一步:导入包  将struts2的json插件加入web工程的lib,jsonplugin的下载地址:http://code.google.com/p/jsonplugin/downloads/list
第二步:struts.xml添加专为ajax使用的package 

 <package name="ajax" extends="json-default">
        
<action name="ajaxRequest"
            class
="org.david.struts2.HelloWorld">
            
<result type="json"></result>
        
</action>
    
</package>
说明:json-default已经继承了struts-default

第三步:用js展示出数据

<SCRIPT type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
 <%@ taglib prefix="s" uri="/struts-tags"%>
        <SCRIPT type="text/javascript">
            function clickButton()
            {   
                var url = 'ajaxRequest.action';
                var params = {
                        name:$('#name').attr('value')
                };
                jQuery.post(url, params, callbackFun, 'json');
            }
            function callbackFun(data)
            {
              var bb = data.listArticles;//对应HelloWorld类的message属性
              for( i=0;i<bb.length;i++){
               if(bb[i].title.==‘1’){
               alert('已经有了')
               }
              }
                    //获取数据后渲染页面
            }
        </SCRIPT>

说明://listArticles是返回来的list类型,也就是和数组类型一样的,这里的.length返回的数组的对象,

bb[i].title.==‘1‘返回的对象的标题,

第四步:Action中的代码

private String name;

private List<Article> listArticles;

get set方法

@Override
 public String execute() throws Exception {
   listArticles = this.articleService.findAllArticle();
  return SUCCESS;
 }

说明:articleService不能有get方法(spring依赖注入的),只能有set方法。

第五步:jsp中的代码

<input id="name" type="text">
        
<input type="button" value="ok" onclick="javascript:clickButton();">

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值