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

Th e問題は、sortbyに含まれる文字列を引用符で囲んでいないためです。これを試してください：

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

2番目の連結値を二重引用符で囲んでください。

醜い連結文字列を自分で作成するのではなく、代わりにdataプロパティにオブジェクトを指定するだけです。 jQueryは必要に応じてエンコードします。

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