如何使用th:data-url

时间:2019-12-01 18:18:18

标签: javascript thymeleaf data-uri

我需要从以下位置获取ID号:

<div class="social"  th:data-url="@{http://localhost:8080/poll?id=${poll.pollId}" data-title="">

但这不起作用。我该怎么办?

2 个答案:

答案 0 :(得分:0)

希望这会有所帮助。

$(document).ready(function(){
  //get value of 'this' element that was clicked
  var url = $(this).attr('data-url');
  // split string and get value of id
  var splitted = url.split("id=");

  console.log("Id:"+splitted[1]);
});

或绑定onclickonchange事件

<div class="social" th:data-url="@{http://localhost:8080/poll?id=${poll.pollId}" th:onclick="'getId(\''+ ${poll.pollId} +'\')'" data-title="">

并获取id值

<script type="text/javascript">
       function getId(id) {
           console.log(id);
       }
</script>

答案 1 :(得分:0)

所有自定义属性都是使用th:attr属性定义的。喜欢:

<div class="social" data-title=""
  th:attr="data-url=@{|/poll?id=${poll.pollId}|}" data-title="">

还要用URL或@{}指定href来构建完整的URL。