Web services 将数据从Webservice（asmx）加载到jqgrid。请帮帮我

我创建了一个样本来测试jqgrid

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

GetDataService.asmx：

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Xml.Linq;
using System.Web.Script.Services;
using System.Web.Script.Serialization;
using System.Collections.Generic;
using System.Data.SqlClient;

namespace ExampleJqGrid
{
    /// <summary>
    /// Summary description for GetDataService
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [ScriptService]
    [ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    // [System.Web.Script.Services.ScriptService]
    public class GetDataService : System.Web.Services.WebService
    {

        [WebMethod]
        public string GetProduct()
        {
            SqlConnection con = new SqlConnection(@"Data Source=NGUYEN-LAPTOP\SQLEXPRESS;Initial Catalog=ProductDB;Integrated Security=True");
            //SqlCommand cmd = new SqlCommand("SELECT * FROM Products", con);
            SqlDataAdapter da = new SqlDataAdapter("SELECT * FROM Products", con);
            DataSet ds = new DataSet();
            da.Fill(ds);
            DataTable dt = ds.Tables[0];            
            GetJSONFromDataTable getJsonDataTable = new GetJSONFromDataTable();
            string json = getJsonDataTable.GetJSONString(dt);
            string jonsData = GetJSONFromDataTable.JsonForJqgrid(dt, 10, 10, 2);
            return jonsData;
        }
    }
}

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

使用系统；
使用系统集合；
使用系统组件模型；
使用系统数据；
使用System.Linq；
使用System.Web；
使用System.Web.Services；
使用System.Web.Services.Protocols；
使用System.Xml.Linq；
使用System.Web.Script.Services；
使用System.Web.Script.Serialization；
使用System.Collections.Generic；
使用System.Data.SqlClient；
命名空间示例JQGrid
{
/// 
///GetDataService的摘要说明
/// 
[WebService（命名空间=”http://tempuri.org/")]
[WebServiceBinding（ConformsTo=WsiProfiles.BasicProfile1_1）]
[脚本服务]
[ToolboxItem（假）]
//要允许使用ASP.NET AJAX从脚本调用此Web服务，请取消注释以下行。
//[System.Web.Script.Services.ScriptService]
公共类GetDataService:System.Web.Services.WebService
{
[网络方法]
公共字符串GetProduct（）
{
SqlConnection con=newsqlconnection（@“数据源=NGUYEN-LAPTOP\SQLEXPRESS；初始目录=ProductDB；集成安全=True”）；
//SqlCommand cmd=新的SqlCommand（“从产品中选择*”，con）；
SqlDataAdapter da=新的SqlDataAdapter（“从产品中选择*”，con）；
数据集ds=新数据集（）；
da.填充（ds）；
DataTable dt=ds.表[0]；
GetJSONFromDataTable getJsonDataTable=新建GetJSONFromDataTable（）；
字符串json=getJsonDataTable.GetJSONString（dt）；
字符串jonsData=GetJSONFromDataTable.JsonForJqgrid（dt，10，10，2）；
返回琼斯达；
}
}
}

GetJSONFromDataTable.cs

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Text;
using System.Web.Script.Serialization;

namespace ExampleJqGrid
{
    public class GetJSONFromDataTable
    {public static string JsonForJqgrid(DataTable dt, int pageSize, int totalRecords,int page) 
         {
             int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
             StringBuilder jsonBuilder = new StringBuilder();
             jsonBuilder.Append("{");
             jsonBuilder.Append("\"total\":" + totalPages + ",\"page\":" + page + ",\"records\":" + (totalRecords) + ",\"rows\"");
             jsonBuilder.Append(":[");
             for (int i = 0; i < dt.Rows.Count; i++) 
             {
                 jsonBuilder.Append("{\"i\":"+ (i) +",\"cell\":[");  
                 for (int j = 0; j < dt.Columns.Count; j++) 
                 {           
                     jsonBuilder.Append("\""); 
                     jsonBuilder.Append(dt.Rows[i][j].ToString());
                     jsonBuilder.Append("\",");
                 }
                 jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                 jsonBuilder.Append("]},");
             }
             jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
             jsonBuilder.Append("]");
             jsonBuilder.Append("}");
             return jsonBuilder.ToString();        
         }

    }
}

public static string JsonForJqgrid(DataTable dt, int pageSize, int totalRecords,int page) 
{
    int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
    StringBuilder jsonBuilder = new StringBuilder();
    jsonBuilder.Append("{");
    jsonBuilder.Append("\"total\":" + totalPages + ",\"page\":" + page + ",\"records\":" + (totalRecords) + ",\"rows\"");
    jsonBuilder.Append(":[");
    for (int i = 0; i < dt.Rows.Count; i++) 
    {
        jsonBuilder.Append("{\"i\":"+ (i) +",\"cell\":[");  
        for (int j = 0; j < dt.Columns.Count; j++) 
        {           
            jsonBuilder.Append("\""); 
            jsonBuilder.Append(dt.Rows[i][j].ToString());
            jsonBuilder.Append("\",");
        }
        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
        jsonBuilder.Append("]},");
    }
    jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
    jsonBuilder.Append("]");
    jsonBuilder.Append("}");
    return jsonBuilder.ToString();        
}

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

使用系统；
使用系统数据；
使用系统配置；
使用System.Linq；
使用System.Web；
使用System.Web.Security；
使用System.Web.UI；
使用System.Web.UI.HTMLControl；
使用System.Web.UI.WebControl；
使用System.Web.UI.WebControl.WebParts；
使用System.Xml.Linq；
使用系统文本；
使用System.Web.Script.Serialization；
命名空间示例JQGrid
{
公共类GetJSONFromDataTable
{公共静态字符串JsonForJqgrid（DataTable dt，int pageSize，int totalRecords，int page）
{
int totalPages=（int）数学上限（（float）totalRecords/（float）pageSize）；
StringBuilder jsonBuilder=新的StringBuilder（）；
jsonBuilder.Append（“{”）；
jsonBuilder.Append（“\“total\”：“+totalPages+”，\“page\”：“+page+”，\“records\”：“+（totalRecords）+”，\“rows\”）；
jsonBuilder.Append（“：[”）；
对于（int i=0；i

GetJSONFromDataTable.cs

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.Text;
using System.Web.Script.Serialization;

namespace ExampleJqGrid
{
    public class GetJSONFromDataTable
    {public static string JsonForJqgrid(DataTable dt, int pageSize, int totalRecords,int page) 
         {
             int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
             StringBuilder jsonBuilder = new StringBuilder();
             jsonBuilder.Append("{");
             jsonBuilder.Append("\"total\":" + totalPages + ",\"page\":" + page + ",\"records\":" + (totalRecords) + ",\"rows\"");
             jsonBuilder.Append(":[");
             for (int i = 0; i < dt.Rows.Count; i++) 
             {
                 jsonBuilder.Append("{\"i\":"+ (i) +",\"cell\":[");  
                 for (int j = 0; j < dt.Columns.Count; j++) 
                 {           
                     jsonBuilder.Append("\""); 
                     jsonBuilder.Append(dt.Rows[i][j].ToString());
                     jsonBuilder.Append("\",");
                 }
                 jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
                 jsonBuilder.Append("]},");
             }
             jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
             jsonBuilder.Append("]");
             jsonBuilder.Append("}");
             return jsonBuilder.ToString();        
         }

    }
}

public static string JsonForJqgrid(DataTable dt, int pageSize, int totalRecords,int page) 
{
    int totalPages = (int)Math.Ceiling((float)totalRecords / (float)pageSize);
    StringBuilder jsonBuilder = new StringBuilder();
    jsonBuilder.Append("{");
    jsonBuilder.Append("\"total\":" + totalPages + ",\"page\":" + page + ",\"records\":" + (totalRecords) + ",\"rows\"");
    jsonBuilder.Append(":[");
    for (int i = 0; i < dt.Rows.Count; i++) 
    {
        jsonBuilder.Append("{\"i\":"+ (i) +",\"cell\":[");  
        for (int j = 0; j < dt.Columns.Count; j++) 
        {           
            jsonBuilder.Append("\""); 
            jsonBuilder.Append(dt.Rows[i][j].ToString());
            jsonBuilder.Append("\",");
        }
        jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
        jsonBuilder.Append("]},");
    }
    jsonBuilder.Remove(jsonBuilder.Length - 1, 1);
    jsonBuilder.Append("]");
    jsonBuilder.Append("}");
    return jsonBuilder.ToString();        
}

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

公共静态字符串JsonForJqgrid（DataTable dt，int pageSize，int totalRecords，int page）
{
int totalPages=（int）数学上限（（float）totalRecords/（float）pageSize）；
StringBuilder jsonBuilder=新的StringBuilder（）；
jsonBuilder.Append（“{”）；
jsonBuilder.Append（“\“total\”：“+totalPages+”，\“page\”：“+page+”，\“records\”：“+（totalRecords）+”，\“rows\”）；
jsonBuilder.Append（“：[”）；
对于（int i=0；i

default.asp

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs"
         Inherits="ExampleJqGrid._Default" %>

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

函数getProducts（）
{
$.ajax({
url:“/GetDataService.asmx/GetProduct”，
数据：“{}”，//对于空输入数据，请使用“{}”，
数据类型：“json”，
输入：“'GET'”，
contentType:“应用程序/json；字符集=utf-8”，
//成功：成功功能
/*完成*/成功：函数（jsondata）
{
警报（jsondata）；
var thegrid=jQuery（“#list”）[0]；
addJSONData（JSON.parse（jsondata））；
}
});
}
函数dataBindToGrid（）
{
jQuery（“#list”）.jqGrid({
数据类型：getProducts（），
colNames:['ProductId'，'ProductName'，'Description'，'Price']，
colModel:[{name:'ProductId'，index:'ProductId'，宽度：200，align:'left'}，
{名称：'ProductName'，索引：'ProductName'，宽度：200，对齐：'left'}，
{名称：'Description'，索引：'Description'，宽度：200，对齐：'left'}，
{名称：'Price'，索引：'Price'，宽度：200，对齐：'left'}
],
rowNum:10，
行列表：[5,10,20,50,100]，
pager:jQuery（“#pager”），
//imgpath:“”，
imgpath:“~/Resources/themes/redmond/images”，
宽度：300，
viewrecords：正确
}).navGrid（分页器，{edit:true，add:false，del:false，search:false}）；
}
jQuery（文档）.ready（函数（）{
$（“#btnAdd”）。单击（dataBindToGrid）；
});

        <table id="list" class="scroll">
        </table>            
        <div id="pager" class="scroll" style="text-align:center;"></div> 
        <button id="btnAdd" >Load Data</button>            
        <asp:TextBox ID="hidenfield" runat = "server" style="display:none"></asp:TextBox>
    </div>
</form>

加载数据