Question

我这里有一个HTML代码：

<ul class="nav nav-tabs inner-tab">
    <li class="in-tab active" value="1"><a href="#" data-toggle="tab" ">Tab1</a></li>
    <li class="in-tab" value="0"><a href="#" data-toggle="tab">Tab2</a></li>
</ul>

这是一个AJAX功能：

var display = function display() {
    $.ajax({
        url: 'db.php',
        type: 'GET',
        dataType: 'JSON',
        data: {action: 'getAds', },  //something to pass the value of li class= "intab"
        success: function (data) {
           //something
        }
    });
}

现在我的问题是，如何传递类的值＆＃34; in-tab＆＃34;要在db.php的getAds函数中处理？在此先感谢！

Answer 1

您可以使用jQuery的attr()。试试这个

var display = function display() {
    $.ajax({
        url: 'db.php',
        type: 'GET',
        dataType: 'JSON',
        data: {action: $('.in-tab.active').attr('value') },
        success: function (data) {
            //something
        }
    };

Answer 2

试试这个

<强> HTML

<ul id="myList" class="nav nav-tabs inner-tab">
    <li class="in-tab active" data-value="1"><a href="#" data-toggle="tab" ">Tab1</a></li>
    <li class="in-tab" data-value="0"><a href="#" data-toggle="tab">Tab2</a></li>
</ul>

<强> JS

$(document).ready(function(){
  $("#myList li").click(function(){
    var act = $(this).attr("data-value");
    $.ajax({
      url: 'db.php',
      type: 'GET',
      dataType: 'JSON',
      data: { action: act },  //something to pass the value of li class= "intab"
      success: function (data) {
       //something
      }
    });
  });
});

这是帮助吗？

从HTML获取价值并传递给AJAX功能

2 个答案: