使用 JSON 填充 jqGrid——使用 WCF 与 ASMX 作为后端的性能

Question

我正在使用一个 ASMX 后端来填充 jqGrid 客户端，包括客户端的网格分页，以便一次加载所有数据行。我的问题是这是否是最好的方法性能和可靠性？此外，如果 WCF 比 ASMX 更好，那么将这个现有设置转换为 WCF 是否相当容易（我猜我应该使用 REST 样式的 WebGet 方法，但我并不肯定）。只希望一切都尽可能快速和响应迅速，理想情况下几乎没有回发。

这是 ASMX 代码：

public class JQGrid
{
    public class Row
    {
        public int id { get; set; }
        public List<string> cell { get; set; }
        public Row()
        {
            cell = new List<string>();
        }
    }

    public int page { get; set; }
    public int total { get; set; }
    public int records { get; set; }
    public List<Row> rows { get; set; }
    public JQGrid()
    {
        rows = new List<Row>();
    }
}  

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.None)]
[ScriptService]
public class JQGridService : System.Web.Services.WebService
{
    [WebMethod(EnableSession = true)]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public JQGrid GetJQGrid(int pageIndex, int pageSize, string sortIndex, string sortDirection)
    {
        DataTable dt = GetDataTable( // command string ); 

        if (dt == null)
            throw new Exception("Unable to retrieve data.");

        JQGrid jqGrid = new JQGrid();

        foreach (DataRow sourceRow in dt.Rows)
        {
            JQGrid.Row targetRow = new JQGrid.Row();
            targetRow.id = Convert.ToInt32(sourceRow["ID"]);
            targetRow.cell.Add(sourceRow["ID"].ToString());
            targetRow.cell.Add(sourceRow["SomeColumn"].ToString());
            jqGrid.rows.Add(targetRow);
        }

        jqGrid.page = pageIndex; 
        jqGrid.records = jqGrid.rows.Count;
        jqGrid.total = jqGrid.rows.Count;  // Set this to total pages in your result...          

        return jqGrid;
    }
}

客户端 JS：

function getData(pdata)
     {
         var params = new Object();

        params.pageIndex = pdata.page; 
        params.pageSize = pdata.rows;
        params.sortIndex = pdata.sidx;
        params.sortDirection = pdata.sord;

        $.ajax(
            {
                type: "POST",
                contentType: "application/json; charset=utf-8",
                url: "JQGridService.asmx/GetJQGrid",
                data: JSON.stringify(params),
                dataType: "json",
                success: function (data, textStatus) 
                {
                    if (textStatus == "success") {
                        var thegrid = $("#jqGrid")[0];

                        thegrid.addJSONData(data.d);
                    }
                },
                error: function (data, textStatus) {
                    alert('An error has occured retrieving data!');
                }
            });
        }

        function pageLoad() { loadGrid() }; 

        function loadGrid() {

            $("#jqGrid").jqGrid({

                gridComplete: function() {
                    $("#jqGrid").setGridParam({ datatype: 'local' });  
                },
                datatype: function (pdata) {
                    getData(pdata);
                },
                colNames: ['ID', SomeColumn],
                colModel: [
                    { name: 'ID', index: 'ID', width: 150 },
                    { name: SomeColumn, index: SomeColumn, width: 250}],
                rowNum: 10,
                rowList: [10, 20, 30],
                viewrecords: false,
                pagination: true,
                pager: "#jqPager",
                loadonce: true,
                sortorder: "desc",
                sortname: 'id',
                cellEdit: false
            });
        }

Answer 1

我从 Microsoft 版主 (Gregory Leake) 的论坛上找到了this response，关于是否使用 ASMX 或 WCF Web 服务。关键引述（对我而言）：

WCF 是微软的战略 .NET 的通信技术。 支持 ASMX；但不是 未来

自从框架发布 3.5 SP1 以来，我个人就没有使用过 ASMX 服务，并且随着 .NET 4 框架中发布的WCF WebHttp Services 功能，我没有回头。

改用 ASMX 的 WCF REST 服务可能只涉及：

1. 使用DataContract 和DataMember 属性装饰您的JQGrid 类；
2. 显然，创建了 WCF 服务接口 (IJQGridService) 和实现类 (JQGridService)。您的JQGridService 的实现可能会发生很大变化，除了类上的属性，通过将当前属性替换为 WebGetAttribute（在接口上）和 AspNetCompatibilityRequirementsModeAttribute（在实现类上）。
3. 一些 web.config 更改，因为您现在将有一个 <system.serviceModel> 部分；但是，如果您将启用 AJAX 的 WCF 服务添加到您的项目中，那么这些设置中的大部分已经为您准备好了。您可能想要更改的唯一一件事是使用 <webHttp/> 而不是 <enableWebScript> 的 endpointBehavior。
4. 您不必对客户端 JS 进行任何更改，除非在您的服务名称发生更改时更改 URL（它可能会更改），并且您还应该更改为使用来自 @987654333 的 GET 动词@ 因为您只是在检索数据。 jqGrid 在处理查询字符串分页所需的参数方面做得很好。

除此之外，你可能很高兴。

我希望这会有所帮助。如果还有其他问题，请告诉我，我会更新此答案。

祝你好运！