使用jQuery調用ASP.Net頁面方法

Question

在這裏，我正在粘貼我的代碼。

<script type="text/javascript"> 
     $(function() { 
      var items = [{text: 'Onion', value: '1'}, 
         {text: 'Ketchup', value: '2'}, 
         {text: 'Mayonnaise', value: '3'}, 
         {text: 'Pickles', value: '4'}, 
         {text: 'Tomato', value: '5'}, 
         {text: 'Patatoes', value: '6'}, 
         {text: 'Sausage', value: '7'}, 
         {text: 'Lettuce', value: '8'}, 
         {text: 'Pepper', value: '9'} 
         ]; 

      $('#myCheckList').checkList({ 
       listItems: items, 
       onChange: selChange 
      }); 

      function selChange(){ 
       var selection = $('#myCheckList').checkList('getSelection'); 

       $('#selectedItems').text(JSON.stringify(selection)); 
      } 


     }); 
    </script> 

我想在var items=，它會採取一種方法即getItems()和方法是用ItemDAL.cs（DAL層），它是讓所有的物品清單從database.How做到這一點？任何人都可以建議我嗎

Answer 1

創建對象的C＃表示：

public class SelectItem 
{ 
    public string Value { get; set; } 
    public string Text { get; set; } 
} 

那麼後面的Web方法的頁面：

[WebMethod] 
    public static List<SelectItem> GetItems() 
    { 
     var items = new List<SelectItem>(); 
     // look up db items and populate from your Dal   
     return items; 
    } 

然後你的js

<script type="text/javascript"> 
     $(function() { 
       var items; 

       $.ajax({ 
        type: "POST", 
        url: "Default.aspx/GetItems", 
        data: "{}", 
        contentType: "application/json; charset=utf-8", 
        dataType: "json", 
        success: function (msg) { 

         items = msg.d; 

        } 
       }); 

      $('#myCheckList').checkList({ 
       listItems: items, 
       onChange: selChange 
      }); 

      function selChange(){ 
       var selection = $('#myCheckList').checkList('getSelection'); 

       $('#selectedItems').text(JSON.stringify(selection)); 
      } 


     }); 
    </script>