使用js和ajax从django服务器检索数据

I want to load info on mouse hover, mouse event is working but don't know if it's hitting the url

我想在鼠标悬停时加载信息,鼠标事件正在运行,但不知道它是否正在击中网址

  $(document).ready(function() {
    
     $('.user').hover(function (e) {
         var offset = $(this).offset();
         var left = e.pageX;
         var top = e.pageY;
         var theHeight = $('#myPopoverContent').height();
         $('#myPopoverContent').show();
         $('#myPopoverContent').css('left', (left+10) + 'px');
         $('#myPopoverContent').css('top', (top-(theHeight/2)-10) + 'px');
          
          $.ajax({
            url: $(this).closest(".username").attr("data-url")/,
            type: 'get',
            data: form.serialize(),
            dataType: 'json',
          });
         
     });


     $('#myPopoverContent').focusin(function (e) {
         $('#myPopoverContent').active();
       });

    $('#myPopoverContent').mouseout(function (e) {
         $('#myPopoverContent').hide();
       });           
  });

<div class="user-block">
   <span class="username" data-url="{% url 'pop_user'   question.user %}">
   <a class="user" href="{% url 'profile' question.user %}">
     {{question.user.profile.get_screen_name }}
   </a>
   </span>
</div>

更多相关文章

随机推荐