thymeleaf +ajax

最新推荐文章于 2024-07-30 23:05:40 发布

tkom

最新推荐文章于 2024-07-30 23:05:40 发布

阅读量8.9k

点赞数 5

分类专栏： thymeleaf

本文链接：https://blog.csdn.net/dgyingling/article/details/74013699

版权

thymeleaf 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用thymeleaf做ajax请求，需要注意的是：

（1）添加<script th:inline="javascript">

（2） /*<![CDATA[*/

....

/*]]>*/

(后来发现也可以不加)

(3)写url时，务必注意：不要留空格，如url:/* [[@{/ajaxClickLike/{pid}(pid=${post.pid})}]] */，这样是识别不出来的。。，也可以直接 [[@{/ajaxClickLike/{pid}(pid=${post.pid})}]]这样写！！

完整请求如下：

<script th:inline="javascript">
    /*<![CDATA[*/
    var likeButton = $("#like-button");
   
    likeButton.click(function(){
    	$.ajax({
    		type:"GET",
    	 	url:[[@{/ajaxClickLike/{pid}(pid=${post.pid})}]],
                success:function(response){
            	likeButton.text("已赞"+response);
            	likeButton.removeAttr("href");
            }
    	 });
    });
    /*]]>*/

</script>