jquery 如何用 AJAX 从链接中获取信息

uyto3xhc  于 2022-12-22  发布在  jQuery
关注(0)|答案(2)|浏览(92)

我找了很多,但我找不到一个解决方案,你能帮我吗

<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" id="click" href="#" data="new">New product</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#" id="click" data="sale">Sale product</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#" id="click" data="trent">Trend product</a>
  </li>
</ul>
<div class="tabspane"></div>

1.我想在每次点击时用 AJAX 在<li>标签之间传递data=“new”,data=“销售”和data=“trend”信息。
1.我希望新建数据在未单击时处于活动状态。
我试了几次,但都没有成功:

$(document).ready(function() {
  $('.nav-link').click(function() {
    var datas = $(this) attr("data");
  });
  $.ajax({
    url: 'indextab.php',
    type: 'POST',
    data: { datas: datas },
    success: function(datal) {
      $('.tabspane').html("").html(datal);
      alert(datas);
    }
  });
});

请在这个问题上提供帮助。

bvjveswy

bvjveswy1#

您的datas变量超出了 AJAX 调用的范围,您在点击nav链接时示例化了该变量,但是ajax调用在DOM准备就绪时运行。
以下内容应该能给予您的需求:

$(document).ready(function() {
  $('.nav-link').click(function() {
    var datas = $(this) attr("data");
    $.ajax({
      url: 'indextab.php',
      type: 'POST',
      data: { datas: datas },
      success: function(datal) {
        $('.tabspane').html("").html(datal);
        alert(datas);
      }
    });
  });
});
mklgxw1f

mklgxw1f2#

$(document).ready(function() {
  $('.nav-link').click(function() {
    var datas = $(this) attr("data");
    $.ajax({
      url: 'indextab.php',
      type: 'POST',
      data: { datas: datas },
      success: function(datal) {
        $('.tabspane').html("").html(datal);
        alert(datas);
      }
    });
  });
});

是的,就是这样,谢谢,但是当它没有被单击时,我希望检索新数据

相关问题