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

时间:2017-08-04 19:33:55

标签: javascript jquery python ajax django

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



  $(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>
&#13;
&#13;
&#13;

我有相应的观点功能 我想从视图中返回数据,但它不起作用

1 个答案:

答案 0 :(得分:0)

您在url: $(this).closest(".username").attr("data-url")/,将错误更改为url: $(this).closest(".username").attr("data-url")+"/",时出错,然后会解决语法错误。

或者@ArpitSolanki在评论中提到,添加"/"并非全部需要。所以,你可以删除它。