javascript - 使用 AJAX 显示 SQL 查询结果

标签 javascript jquery ajax this

我的网站上有一个新闻提要,用户可以在上面发布帖子。这些帖子可以被其他用户点赞(例如 facebook)。


问题
我想显示喜欢使用 ajax 的帖子的用户。每当某个元素悬停时。
目前用户已正确显示,但显示在每篇帖子下方,而不仅仅是包含悬停元素的帖子。
我解决问题的尝试

<!-- HOVER THIS -->
<span class="likers small link"></span>

<!-- DISPLAY LIKERS HERE -->
<small class="displayLikers"></small>

<!-- AJAX -->
<script>
    $(function() {
        $(".likers").hover(function(){
            $.ajax({
                url: "get/likers",
                type: "GET",
                success: function(response) {
                    $(this).closest('.displayLikers').html(response);
                }
           });
        });
    });
</script>


如果有任何帮助,我将不胜感激!

最佳答案

$.ajax 中,$(this) 不引用 $(".likers") 只需添加 $(this) 到一个变量,并在 ajax 响应函数中使用它;

$(function() {
    $(".likers").hover(function(){
        var likes = $(this);
        $.ajax({
            url: "get/likers",
            type: "GET",
            success: function(response) {
                likes.closest('.displayLikers').html(response);
            }
       });
    });
});

关于javascript - 使用 AJAX 显示 SQL 查询结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36157700/

相关文章:

javascript - 根据最新数组创建具有唯一 id 的新 DOM

jquery - 关于JSSOR Slider的几个问题

javascript - 在 Javascript 中打印时仅显示打印对话框

javascript - Ajax.BeginForm 与 BeforeSend

javascript - php 页面正确呈现,但 "view source"未显示正确的 HTML

javascript - ajax 调用之间的值不会改变

javascript - 是否必须使用 document.registerElement() ?

javascript - 从 Flash 中的 javascript 接收复杂对象

javascript - 绑定(bind)多个副本时,Jquery 单击绑定(bind)无法正常工作

javascript - 试图理解我自己的一行关于导航栏的代码