Spring3.1 MVC和jQuery ajax的集成

       关于spring和ajax的集成网上有很多文章,但有些文章写的有些复杂,贴了好多代码,有用的、没用的、不疼不痒的贴了一堆,看着 不够清爽,又容易把人吓到。在翻了好多资料后,看到这篇文章 《Spring3MVC和jQuery的集成》 ,博主写的很详细,还做了对比分析,让人佩服。在参考这篇文章后,我终于搞明白了、搞定了spring集成ajax,可以实现异步刷新了。 上文博主讲的很详细,我结合自己的小程序再随便说两句。
       spring3.1集成jquery ajax时,配置文件不需要在添加什么新内容。网上有的资料说在配置文件中要添加 ContentNegotiatingViewResolver 和MappingJacksonJsonView 等等bean,经过试验,发现不再需要这些配置了,我基于注解的spring配置,视图解析部分就是最简单、最简洁的配置。
       先下载两个 jar文件 ,jackson-mapper-asl.jar和jackson-core-asl.jar,然后添 加到项目。
       假设 要实现ajax功能的为网页上非常常见的 "喜欢按钮","喜欢按钮"代码为:
......
<a class="button white" id="NumBtn">喜欢~<span id="num">${ num }人</span></a>
......
注意 上述代码中是没有 href 这货的,我开始思维定式的加了href并在 href 后加了相应操作链接,结果可想而知,测试时每次点按钮都是全部刷新。下面是与点击"喜欢按钮"相对应的jquery代码,get()方法与服务器端method = RequestMethod.GET相对应,代码很短,很容易理解。data即为从服务器端返回的数据。
<script type="text/javascript">             
    $("#NumBtn").click(
        function(){
            $.get("<c:url value="/product/${product.productId}/xxx"/>",
            function(data){
                $("#num").replaceWith('<span id="num">'+ data + '人</span>');
            });
    });
</script>

服务器端代码为:
@RequestMapping(value = "/product/{productId}/xxx", method = RequestMethod.GET)
public @ResponseBody String num(HttpServletRequest request, @PathVariable("productId") long productId)
{
        Integer num = 0;

        ......
        ......

        return num.toString();
}

       因为要实现的功能简单,所以代码也很少,但一旦搞明白这个流程,那就可以进一步做扩展,以设计、实现更复杂的功能。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值