jqGrid ajax请求改为POST

最新推荐文章于 2025-04-05 01:45:49 发布

原创最新推荐文章于 2025-04-05 01:45:49 发布 · 3.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

本文详细介绍了如何将jqGrid的默认GET请求改为POST请求的方法，包括设置数据类型、请求头、序列化数据等关键步骤，适用于需要使用POST方式与后台交互的场景。

jqGrid默认ajax请求是GET，如果后台接口写死为POST，则需改动请求方法类型。

主要增加如下参数:

		datatype: "json",
        ajaxGridOptions: {
        	contentType: "application/json",
        },//post请求需要加
        mtype: "POST",//post请求需要加
        serializeGridData: function(postData) {
            return JSON.stringify(postData);
        },//post请求需要加

例子：

$(function () {
    $("#jqGrid").jqGrid({
        url: 'url',
        datatype: "json",
        ajaxGridOptions: {
        	contentType: "application/json",
        },//post请求需要加
        mtype: "POST",//post请求需要加
        serializeGridData: function(postData) {
            return JSON.stringify(postData);
        },//post请求需要加
        colModel: [			
			{ label: 'id', name: 'id', width: 30, key: true },
			{ label: '用户名', name: 'userName', width: 50 }, 	
			{ label: '创建时间', name: 'createTime', width: 90 }			
        ],
		viewrecords: true,
        height: 385,
        rowNum: 10,
		rowList : [10,30,50],
        rownumbers: true, 
        rownumWidth: 25, 
        autowidth:true,
        multiselect: false,
        pager: "#jqGridPager",
        jsonReader : {
            root: "data",
            page: "page",
            total: "total",
            records: "records"
        },
        prmNames : {
            page:"page",
            rows:"rows",
            order: "order"
        },
        gridComplete:function(){
        	 
        }
    });
});

标签

#jqGrid