在aspx文件中使用[WebMethod]的jqgrid

using System.Web.Services;

public partial class YourPage : System.Web.UI.Page
{
    [WebMethod]
    public static List<YourDataObject> GetData()
    {
        // 处理客户端请求，返回数据
        List<YourDataObject> data = YourDataAccessLayer.GetData();
        return data;
    }
}

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/free-jqgrid@4.15.6/css/ui.jqgrid.min.css">
<script src="https://cdn.jsdelivr.net/npm/free-jqgrid@4.15.6/js/jquery.jqgrid.min.js"></script>

<div id="grid"></div>

$(document).ready(function() {
    $.ajax({
        type: "POST",
        url: "YourPage.aspx/GetData",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            var data = response.d;
            $("#grid").jqGrid({
                data: data,
                colModel: [
                    { name: "Column1", label: "Column 1", width: 150 },
                    { name: "Column2", label: "Column 2", width: 150 },
                    // 其他列配置
                ],
                // 其他jqGrid配置
            });
        },
        error: function(xhr, status, error) {
            console.log(error);
        }
    });
});