<a href="javascript:;" th:onclick="|like(this,3,${reply.blogId});|" class="text-primary" > 如果不用 onclick ，直接通过 ajax 请求怎么实现

可以使用jQuery的ajax方法进行请求。示例代码如下：

$(document).ready(function() {
    $(".text-primary").on("click", function() {
        var blogId = $(this).data("blog-id");
        // 发送ajax请求
        $.ajax({
            url: "/like",
            type: "POST",
            data: {
                blogId: blogId
            },
            success: function(data) {
                console.log("点赞成功");
            },
            error: function(jqXHR) {
                console.log("发生错误：" + jqXHR.status);
            }
        });
    });
});

其中，`$(this).data("blog-id")`可以获取到该标签上的`data-blog-id`属性值，即博客的id。然后将该id通过POST方式发送给后端服务，服务返回成功状态后，前端进行相应的处理。

相关问题

th:onclick="|like(this,3,${reply.blogId});|" 的其它实现方式

这是一个HTML中绑定事件的方法，使用了onclick属性来指定点击事件的处理程序。如果想要使用其他实现方式，可以考虑以下几种方法：

1. 使用JavaScript中的addEventListener()方法：这种方法可以在JavaScript代码中为元素添加事件处理程序。例如，下面的代码为一个按钮添加了一个单击事件处理程序：

document.getElementById("myButton").addEventListener("click", function() {
    alert("Button clicked!");
});

2. 使用jQuery库中的事件绑定方法：如果你使用了jQuery库，可以使用它提供的事件绑定方法来为元素添加事件处理程序。例如，下面的代码为一个按钮添加了一个单击事件处理程序：

$("#myButton").click(function() {
    alert("Button clicked!");
});

3. 使用Vue.js等前端框架中的事件绑定方法：如果你使用了前端框架，例如Vue.js，可以使用它提供的事件绑定方法来为元素添加事件处理程序。例如，下面的代码为一个按钮添加了一个单击事件处理程序：

<button v-on:click="handleClick">Click me</button>

<script>
new Vue({
  el: '#app',
  methods: {
    handleClick: function() {
      alert('Button clicked!');
    }
  }
})
</script>

以上是一些常见的替代方法，你可以根据具体情况选择适合你的方式。

<div id="comment-form" class="ui form" th:if="${loginUser != null}"> <input type="hidden" name="blogId" th:value="${blog.blogId}"> <input type="hidden" name="parentCommentId" value="-1"> <input type="hidden" name="nickname" th:value="${loginUser.nickname}"> <input type="hidden" name="email" value="-1" th:value="${loginUser.email}"> <div class="field"> <textarea name="content" placeholder="请输入评论信息..."></textarea> </div> <div class="field"> <div class="fieldm-mobile-wide m-margin-bottom-small"> <button id="commentpost-btn" type="button" class="ui teal m-mobile-wide button" style="width:100px;height: 40px"> <i class="edit icon"></i>发布 </button> </div> </div> </div> 如何将以上发布按钮设置为靠右

你可以在外层div标签上添加class为"right aligned"来使发布按钮靠右对齐，代码如下：

<div id="comment-form" class="ui form right aligned" th:if="${loginUser != null}">
    <input type="hidden" name="blogId" th:value="${blog.blogId}">
    <input type="hidden" name="parentCommentId" value="-1">
    <input type="hidden" name="nickname" th:value="${loginUser.nickname}">
    <input type="hidden" name="email" value="-1" th:value="${loginUser.email}">
    <div class="field">
        <textarea name="content" placeholder="请输入评论信息..."></textarea>
    </div>
    <div class="field">
        <div class="fieldm-mobile-wide m-margin-bottom-small">
            <button id="commentpost-btn" type="button" class="ui teal m-mobile-wide button" style="width:100px;height: 40px">
                <i class="edit icon"></i>发布
            </button>
        </div>
    </div>
</div>