首页 > Web开发 > 详细

使用Thymeleaf时,ajax的url如何设置?

时间:2020-02-22 21:49:33      阅读:648      评论:0      收藏:0      [点我收藏+]

使用Thymeleaf时,ajax的url如何设置?

最近在做一个论坛项目使用到了Thymeleaf,在使用ajax请求的时候发现无法获取BasePath。在经过一番查阅资料后终于得知如下俩种方法,在此记录以免以后用到。

在js中如果想使用Thymeleaf,必须要在<script>中加入th:inline="javascript"属性值表示可以使用内联 js ,即可以在 js 代码中使用 [[]] 取值,否则报错。即能够可靠的实现:

<script  type="text/javascript" th:inline="javascript">
</script>

实现方法1:

<script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
 
        var basePath = [[${#httpServletRequest.getScheme() + "://" + #httpServletRequest.getServerName() + ":" + #httpServletRequest.getServerPort() + #httpServletRequest.getContextPath()}]];
 
        $(document).ready(function () {
            $.ajax({
                type: post,
                dataType: text,
                url: basePath + /index/ajaxtest,
                data: {},
                cache: false,
                async: true,
                success: function (data) {
                    var data = eval(( + data + ));
                    $(#idUser).text(data.name);
                    $(#idMsg).text(data.msg);
                }
            });
        });
 
        /*]]>*/
    </script>

实现方法2:使用 url:/*[[@{/index/ajaxtest}]]*/这样就可以,不用那样获取basePath。

使用Thymeleaf时,ajax的url如何设置?

原文:https://www.cnblogs.com/zhangruifeng/p/12347419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!