将JQGrid与WCF Web服务结合使用

$("#grid").jqGrid({
    url: "http://localhost:50529/Service1.svc/GetData",
    datatype: "json",
    mtype: "POST",
    colNames: ["ID", "Name", "Age"],
    colModel: [
        { name: "ID", index: "ID", width: 50 },
        { name: "Name", index: "Name", width: 100 },
        { name: "Age", index: "Age", width: 50 }
    ],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: "#pager",
    viewrecords: true,
    caption: "Data Grid"
});

function bindJQGridToWCF() {
    var grid = $("#grid");
    var pager = $("#pager");

    grid.jqGrid({
        url: "http://localhost:50529/Service1.svc/GetData",
        datatype: "json",
        mtype: "POST",
        colNames: ["ID", "Name", "Age"],
        colModel: [
            { name: "ID", index: "ID", width: 50 },
            { name: "Name", index: "Name", width: 100 },
            { name: "Age", index: "Age", width: 50 }
        ],
        rowNum: 10,
        rowList: [10, 20, 30],
        pager: pager,
        viewrecords: true,
        caption: "Data Grid"
    });
}

function saveData(data) {
    $.ajax({
        url: "http://localhost:50529/Service1.svc/SaveData",
        type: "POST",
        data: JSON.stringify(data),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(response) {
            alert("Data saved successfully.");
        },
        error: function(response) {
            alert("Error saving data.");
        }
    });
}