如何使用th：data-url

Question

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

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

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

Answer 1

希望这会有所帮助。

$(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]);
});

或绑定onclick或onchange事件

<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>

Answer 2

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

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

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