Ajax jQuery未将变量传递给数据未定义错误

Question

我正在使用页面滚动功能加载数据。当我在函数中对数据线进行硬编码时，一切正常

例如这个作品 sortby 设置为“asc”

data: '{pageIndex: ' + pageIndex + ', sortby: "asc" }',

这不起作用，我收到未定义的消息

data: '{pageIndex: ' + pageIndex + ', sortby: '+ sortby +' }',

我在函数中设置了一个警报，var sortby 的值确实等于当我滚动到页面底部时弹出警报框是正确的。

但它没有通过并导致未定义的错误

这就是我所拥有的：

<script type="text/javascript">
  var pageIndex = 1;
  var pageCount;
  $(window).scroll(function () {
    if ($(window).scrollTop() == $(document).height() - $(window).height()) {
        GetRecords();
    }
  });
  function getdropdownlistSelectedItem(sender, args) {
    var raddropdownlist = $find('<%=RadDropDownList1.ClientID %>');
    var selecteditem = raddropdownlist.get_selectedItem().get_value() || "asc";
    return selecteditem;
  }
  function GetRecords() {
    var sortby = getdropdownlistSelectedItem();
    alert('Sortby: ' + sortby);
    pageIndex++;
    if (pageIndex == 2 || pageIndex <= pageCount) {
      $("#loader").show();
      $.ajax({
        type: "POST",
        url: "categorypage.aspx/GetCustomers",
        // data: '{pageIndex: ' + pageIndex + ', sortby: "asc" }',
        data: '{pageIndex: ' + pageIndex + ', sortby: '+ sortby +' }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function (response) {
          alert(response.d);
        },
        error: function (response) {
          alert(response.d);
        }
    });
  }
}

谁能告诉我如何正确传递这个值？

谢谢。

Answer 1

问题是因为您没有将 sortby 中包含的字符串用引号括起来。试试这个：

data: '{pageIndex: ' + pageIndex + ', sortby: "'+ sortby +'" }',

注意第二个连接值周围的双引号。

最好还是不要自己构建丑陋的串联字符串，而只需为data 属性提供一个对象。 jQuery 将根据您的需要对其进行编码：

data: {
  pageIndex: pageIndex,
  sortby: sortby
},