删除变量数据时出错

Getting error on remove var data

本文关键字：出错 数据 变量 删除      更新时间：2023-09-26

我正在为每个用户制作点击悬停卡，所以我做了一个并且它的工作，但我希望它对每个用户都有效，就像我给了他们唯一的标题一样，并基于此服务器将获取该特定用户的数据，但问题是这仅适用于 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;
            }
        });
    });
});

我会这样做。

.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
            });
        }
    });
  });
});

问题是这只适用于 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() 而不是返回 false

 $('.hover').click(function (e) {
    e.preventDefault();
    var get_val = $('.hover').attr('title');
    .....
相关文章：