javascript - jQuery $.ajax 不将变量传递给 PHP

Question

我想用 jQuery AJAX 制作一个“显示更多”按钮。我有一个带有 loaded 属性的按钮，如下所示:

<button type="button" class="smbt btn center-block" data-loaded="3">Show More</button>

在 javascript 文件中我这样写:

var smbt = $(".smbt");

smbt.click(function() {
    var limit = $(smbt).attr('loaded');
    // alert(loaded + " picture");

    $.ajax({
        url: '../view/profile.php',
        type: 'POST',
        data: ({limit1: limit}),
        success: function(result) {
            console.log("success");
        },
        error: function() {
            alert("error");
        }
    });

然后我尝试获取 limit1 变量:

$limit = $_POST["limit1"];

我阅读了$.ajax文档和很多问题和答案，我尝试了很多方法让它工作，但它总是给出这个错误:

Undefined index: limit1

Answer 1

试试这个:

var smbt = $(".smbt");

smbt.click(function() {
  var limit = $(smbt).data('loaded');

  $.ajax({
      url: './view/profile.php',
      type: 'POST',
      data: {limit1: limit},
      success: function(result) {
          console.log("success");
      },
      error: function() {
          alert("error");
      }
  });
});

您正在使用 data-* 属性，因此要获取该值，您可以使用 $.data() 函数: https://api.jquery.com/jquery.data/