javascript - 删除 var 数据时出错

Question

我正在为每个用户制作点击悬停卡，所以我做了一个和它的工作，但我希望这对每个用户都有效，就像我给他们唯一的标题一样，并且基于该服务器将获取该特定用户的数据但是问题是这仅适用于 1 个链接，而不适用于所有链接...可能是因为 var 数据被保存（如果我错了，请纠正我）所以我尝试在 ajax 上执行此操作cache: false但当时没有帮助我试过了return false;， return data;还是没用。

所以，这里是用户链接示例：

<a class="hover" title="user101" href="#">John</a>
<a class="hover" title="user102" href="#">Tonya</a>

阿贾克斯：

$(document).ready(function () {
    $.ajaxSetup({
        cache: false
    });
    $('.hover').click(function () {
        var get_val = $('.hover').attr('title');
        var data = 'vall=' + get_val + '';
        $.ajax({
            type: 'POST',
            url: 'xx.php',
            data: data,
            success: function (data) {
                box.dialog({
                    message: data
                });
                return false;
            }
        });
    });
});

Answer 1

问题是这仅适用于 1 个链接，而不适用于所有链接...可能是因为 var 数据被保存（如果我错了，请纠正我）

你错了.. 只有 1 个链接有效，因为您对多个元素有相同的 id.. 每个元素都应该有唯一的 id。

改用类

<a class="hover" title="user101" href="#">John</a>
<a class="hover" title="user102" href="#">Tonya</a>

和一个类选择器，并在ajax成功回调函数后返回false，最后

$('.hover').click(function () {
    var get_val = $('.hover').attr('title');
     ....
     $.ajax({
      ....
         success:function(){
            ....
          }
     }); 
     return false;
   ..

或者简单地使用preventDefault()而不是 return false

 $('.hover').click(function (e) {
    e.preventDefault();
    var get_val = $('.hover').attr('title');
    .....

Answer 2

我会这样做。

HTML

<div class='links'>
  <a title="user101" href="#">John</a>
  <a title="user102" href="#">Tonya</a>
</div>

JS

$(document).ready(function () {
  $.ajaxSetup({
    cache: false
  });
  $('.links').on('click', 'a', function (event) {
    event.preventDefault();

    var get_val = $(this).prop('title');
    $.ajax({
        type: 'POST',
        url: 'xx.php',
        data: {vall: get_val},
        success: function (data) {
            box.dialog({
                message: data
            });
        }
    });
  });
});