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

Question

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

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

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

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

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

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

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

这是我的:

<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
},