使用JSON在ASP.net中的DataTables

Question

在ASP.net中使用JQuery DataTables並試圖從C＃返回JSON數據給它＃WebMethod。

C＃方法...

[System.Web.Services.WebMethod] 
[ScriptMethod(ResponseFormat = ResponseFormat.Json)] 
public static string Data() 
{ 
    string json = string.Empty; 

    using (IDataReader reader = DBUtil.GetReader("data", "data", "pram")) 
    { 
     if (reader != null) 
     { 
      DataTable dt = new DataTable(); 
      dt.Load(reader); 
      reader.Close(); 
      json = JsonHelper.GetJsonFromDataTable(dt); 
     } 
    } 
    return json; //also tried by adding "{\"aaData\": " + json + "}" 
} 

工作....

var source = {}; 
$.ajax({ 
    type: 'POST', 
    dataType: 'json', 
    url: "page.aspx/Data", 
    contentType: 'application/json; charset=utf-8', 
    cache: false, 
    data: {}, 
    success: function (response) { 
     source = $.parseJSON(response.d); 
     alert(response.d); // i can see Json formatted data 

    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     alert("Request: " + XMLHttpRequest.toString() + "\n\nStatus: " + textStatus + "\n\nError: " + errorThrown); 
    } 
}); 

不工作.......（即使不打方法斷點）

$(".JGrid").dataTable({ 
    "bJQueryUI": true, 
    "sAjaxSource": "../page.aspx/Data", //also tried with var 'source' (declared sbove) 
    "aoColumns": [ 
     { "sTitle": "Col1name", "sWidth": "33%" }, 
     { "sTitle": "Col2name", "sWidth": "33%" }, 
     { "sTitle": "Col3name", "sWidth": "33%" } 
    ] 
}); 

Answer 1

$("#table-tripNote").dataTable({ 
       "oLanguage": { 
        "sZeroRecords": "No records to display", 
        "sSearch": "Search from all Records" 
       }, 
       "bProcessing": true, 
       "bServerSide": true, 
       "bDestroy": true, 
       "sAjaxSource": "frmTrip.aspx/GetMemberNotesByTrip", 
       "sPaginationType": "full_numbers", 
       "bDeferRender": true, 
       "aoColumns": 
          [ 
           null, 
           null, 
           null, 
           null, 
           null, 
           null, 
           null 
          ], 
       "fnServerData": function (sSource, aoData, fnCallback) { 
        $.ajax({ 
         "dataType": 'json', 
         "contentType": "application/json; charset=utf-8", 
         "type": "GET", 
         "url": sSource, 
         "data": aoData, 
         "success": 
                function (msg) { 

                 var json = jQuery.parseJSON(msg.d); 
                 fnCallback(json); 
                 $("#table-tripNote").show(); 
                } 
        }); 
       } 
      }); 

這是爲我工作

檢查它out

Answer 2

結帳this page。看看「發送給服務器的參數」。我認爲dataTables期望您的服務器端webmethod接受這些值。您可以通過使用fnServerData（在同一頁面上）選項覆蓋它發送的內容。這是在數據發送到後端之前調用的，因此您可以控制發送的內容。

這個post也許有用。

Answer 3

你好大哥這個屬性添加到您的數據表

---- 「bServerSide」：真實， 這樣

$(".JGrid").dataTable({ 
    "bJQueryUI": true, 
"bServerSide": true, 
    "sAjaxSource": "/page.aspx/Data", //also tried with var 'source' (declared sbove) 
    "aoColumns": [ 
     { "sTitle": "Col1name", "sWidth": "33%" }, 
     { "sTitle": "Col2name", "sWidth": "33%" }, 
     { "sTitle": "Col3name", "sWidth": "33%" } 
    ] 
}); 

Answer 4

[WebMethod()] 
[ScriptMethod(UseHttpGet = true, ResponseFormat = ResponseFormat.Json)] 
public static string GetMemberNotesByTrip(string sEcho, int iDisplayStart, int iDisplayLength) 
{ 

    string rawSearch = HttpContext.Current.Request.Params["sSearch"].Trim(); 

    var whereClause = string.Empty; 

    var filteredWhere = "1=1"; 

    var wrappedSearch = rawSearch.Trim(); 
    var Tempsb = new StringBuilder(); 

    Tempsb.Append("mbrid=" + MemberID); 
    if (TripID != 0) 
    { 
     Tempsb.Append("and trpid=" + TripID); 
    } 
    else 
     Tempsb.Append("and trpid=0"); 

    if (rawSearch.Length > 0) 
    { 
     Tempsb.Append("AND (ISNULL(trpDate,'''') LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR clrFullName LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR clrPhone LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR clrRelationshipToMember LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR trpNote LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR clrOrganization LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(" OR trpIsGrievance LIKE "); 
     Tempsb.Append("'%" + wrappedSearch + "%'"); 
     Tempsb.Append(")"); 
    } 

    if (Tempsb.Length > 0) 
     filteredWhere = Tempsb.ToString(); 

    string orderByClause = string.Empty; 
    orderByClause = "trpDate desc"; 

    StringBuilder sb = new StringBuilder(); 
    sb.Append(Convert.ToInt32(HttpContext.Current.Request.Params["iSortCol_0"])); 

    sb.Append(" "); 

    sb.Append(HttpContext.Current.Request.Params["sSortDir_0"]); 

    orderByClause = sb.ToString(); 

    if (!String.IsNullOrEmpty(orderByClause)) 
    { 
     orderByClause = orderByClause.Replace("0", ", trpDate "); 
     orderByClause = orderByClause.Replace("1", ", clrFullName "); 
     orderByClause = orderByClause.Replace("2", ", clrPhone "); 
     orderByClause = orderByClause.Replace("3", ", clrRelationshipToMember "); 
     orderByClause = orderByClause.Replace("4", ", clrOrganization "); 
     orderByClause = orderByClause.Replace("5", ", trpIsGrievance "); 
     orderByClause = orderByClause.Replace("6", ", trpNote "); 

     orderByClause = orderByClause.Remove(0, 1); 
    } 
    else 
    { 
     orderByClause = "pronID ASC"; 
    } 

    DataSet ds = clsTrip.GetTripNotesMaster(filteredWhere, orderByClause, iDisplayLength, iDisplayStart, true); 


    List<clsTrip> lstTripNotesGrv = new List<clsTrip>(); 
    for (int i = 0; i < ds.Tables[0].Rows.Count; i++) 
    { 
     clsTrip lsttripNotes = new clsTrip(); 
     lsttripNotes.clrFullName = ds.Tables[0].Rows[i]["clrFullName"].ToString(); 

     if (!string.IsNullOrEmpty(ds.Tables[0].Rows[i]["trpDate"].ToString())) 
      lsttripNotes.trpDate = Convert.ToDateTime(ds.Tables[0].Rows[i]["trpDate"].ToString()); 
     else 
      lsttripNotes.trpDate = DateTime.MinValue; 

     lsttripNotes.clrPhone = ds.Tables[0].Rows[i]["clrPhone"].ToString(); 
     lsttripNotes.clrRelationshipToMember = ds.Tables[0].Rows[i]["clrRelationshipToMember"].ToString(); 
     lsttripNotes.clrOrganization = ds.Tables[0].Rows[i]["clrOrganization"].ToString(); 

     if (!string.IsNullOrEmpty(ds.Tables[0].Rows[i]["trpIsGrievance"].ToString())) 
      lsttripNotes.trpIsGrievance = Convert.ToBoolean(ds.Tables[0].Rows[i]["trpIsGrievance"].ToString()); 
     else 
      lsttripNotes.trpIsGrievance = false; 
     lsttripNotes.trpNote = (ds.Tables[0].Rows[i]["trpNote"].ToString()); 

     lstTripNotesGrv.Add(lsttripNotes); 
    } 
    int TotalRec = Convert.ToInt32(ds.Tables[1].Rows[0][0]); 

    var result = from c in lstTripNotesGrv 
       select new[] { 
         //Convert.ToString(c.pronID),        
         c.trpDate !=null && c.trpDate!=DateTime.MinValue ? string.Format("{0:MMM d, yyyy}",c.trpDate):"-", 
         c.clrFullName.ToString(), 
         c.clrPhone.ToString(), 
         c.clrRelationshipToMember.ToString(), 
         c.clrOrganization.ToString(), 
         (Convert.ToBoolean(c.trpIsGrievance)?"Yes":"No"), 
         c.trpNote 
        }; 

    JavaScriptSerializer jss = new JavaScriptSerializer(); 
    return jss.Serialize(new 
    { 
     sEcho, 
     iTotalRecords = TotalRec, 
     iTotalDisplayRecords = TotalRec, 
     aaData = result 
    }); 
}