jqgrid使用ajax获取数据赋值

有时候使用jqgrid的赋值url来获取数据很不方便，当同时给多个grid赋值时，便会请求多次，造成很大的资源浪费，于是，本例采用ajax获取到数据源后给多个jqgrid赋值，示例代码如下：

$.ajax({
                type: 'Post',
                dataType: 'json',
                data: { },
                url: "",
                success: function (data) {
                   
 		 jQuery("#grid1").jqGrid({
                datatype: 'local',
                data: data,
                colNames: ['名称', '数量'],
                colModel: [
                      { name: 'Name', index: 'Name', align: 'center', title: false, sortable: false, resizable: false },
                      { name: 'Count', index: 'Count', align: 'center', title: true, sortable: false, resizable: false }
                ]
            });
            $("#grid1").jqGrid('setGridParam', {
                data: data
            }).trigger("reloadGrid");
            $("#grid1").jqGrid('setGridWidth', $(".grid").width());
            $("#grid1").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' }); 
 
  

 
  
jQuery("#grid2").jqGrid({
                datatype: 'local',
                data: data,
                colNames: ['名称', '数量'],
                colModel: [
                      { name: 'Name', index: 'Name', align: 'center', title: false, sortable: false, resizable: false },
                      { name: 'Count', index: 'Count', align: 'center', title: true, sortable: false, resizable: false }
                ]
            });
            $("#grid2").jqGrid('setGridParam', {
                data: data
            }).trigger("reloadGrid");
            $("#grid2").jqGrid('setGridWidth', $(".grid").width());
            $("#grid2").closest(".ui-jqgrid-bdiv").css({ 'overflow-y': 'scroll' }); } });