3

我是 jqGrid 的新手。但是，主要是在 Oleg 的回答的帮助下，成功地使用 jqGrid 开发了一个应用程序。我根据下拉列表的选择加载了一个 jqGrid。数据从 Web 服务 (asmx) 文件返回。代码是这样的

jQuery("#list").jqGrid({
    url: '<%= ResolveClientUrl("OfficeData.asmx/GetSCFS_RO") %>',
    editurl: '<%= ResolveClientUrl("OfficeData.asmx/SaveFPSUpdates") %>',
    datatype: "json",
    mtype: 'POST',
    ajaxGridOptions: { contentType: 'application/json; charset=utf-8' }, 
    ajaxEditOptions: { contentType: 'application/json; charset=utf-8', dataType: 'json' },
    serializeGridData: function (postData) {
        // return null;
        if (postData.OfficeId === undefined) { postData.OfficeId = 0; }
        else {
            postData.OfficeId = officeId;
        }
        return JSON.stringify(postData);
    }, 
    jsonReader: { repeatitems: false, root: "d.rows", page: "d.page",
        total: "d.total", records: "d.records" },
    colNames: ['FPSCode',  'Owner Name ', 'Licese_No', 'ShopAddress', 'Village',
        'License Valid From', 'Valid To','FPS Type','WholeSalerName',  'Mobile'],
    colModel: [{ name: 'FPSCode', index: 'FPSCode', width: 60, align: 'left',
        editable:true, editrules:{required:true}, 
        editoptions:{ 
            dataInit: function(element) { 
                $(element).attr("readonly", "readonly"); 
            } 
        }
    },
    ......

Firebug 显示以下 Post 标头

响应标头

......
Content-Type      application/json; charset=utf-8
Date              Tue, 20 Nov 2012 14:20:34 GMT
Server            ASP.NET Development Server/10.0.0.0
X-AspNet-Version  4.0.30319

请求标头

Accept            application/json, text/javascript, */*; q=0.01
Accept-Encoding   gzip, deflate
Accept-Language   en-US,en;q=0.5
Cache-Control     no-cache
Connection        keep-alive
Content-Length    105
..........

正如预期的那样，我得到的响应是 JSON 对象。

但是表单提交总是发送Content-Type为application/x-www-form-urlencoded; charset=UTF-8

响应标头

Cache-Control     private, max-age=0
Connection        Close
Content-Length    95
Content-Type      text/xml; charset=utf-8
Date              Tue, 20 Nov 2012 14:20:46 GMT
Server            ASP.NET Development Server/10.0.0.0

请求标头

Accept            */*
Accept-Encoding   gzip, deflate
Accept-Language   en-US,en;q=0.5
Cache-Control     no-cache
Connection        keep-alive
Content-Length    254
Content-Type      application/x-www-form-urlencoded; charset=UTF-8
Cookie            ASP.NET_SessionId=utts2wlhdto4xhae34fzqkt4
Host              localhost:18017
Pragma            no-cache
Referer           Account/FPSUpdate.aspx
User-Agent        Mozilla/5.0 (Windows NT 6.1; WOW64; rv:16.0) Gecko/20100101 Firefox/16.0
X-Requested-With  XMLHttpRequest
X-AspNet-Version  4.0.30319

正如我在 Stackoverflow 上所建议的那样

ajaxEditOptions:  { contentType: 'application/json; charset=utf-8', dataType: 'json' } ,

ajaxEditoptions我什至尝试使用

jQuery.extend(jQuery.jgrid.edit, {
    ajaxEditOptions:  { contentType: 'application/json; charset=utf-8', dataType: 'json' },
    ...
});

但是 . 中没有任何变化Content-Type。因此，我总是从服务器收到更新的 XML 响应。服务器的输出是

<string xmlns="http://tempuri.org/">Data Saved</string>

我无法将 Mime 类型修复为 JSON。请帮忙。

4

1 回答 1

1

首先，我很高兴，我的旧答案可以帮助你。

jqGrid的ajaxEditOptionsas 选项的用法确实不正确。它是editGridRow的选项，因此您必须将其作为属性包含在navGridprmEdit的andprmAdd选项中或使用

$.extend($.jgrid.edit, {
    ajaxEditOptions: { contentType: "application/json" }
});

您写道，您尝试使用非常接近的选项。我建议您再验证一次。为确保该行将被执行，您可以将它包含在 JavaScript 脚本开头的某个位置。

我个人使用

$.extend($.jgrid.defaults, {
    ajaxGridOptions: { contentType: "application/json" },
    ajaxRowOptions: { contentType: "application/json", async: true },
    ajaxSelectOptions: { contentType: "application/json", dataType: "JSON" },
    ...
});
$.extend($.jgrid.edit, {
    ajaxEditOptions: { contentType: "application/json" },
    recreateForm: true,
    serializeEditData: function(postData) {
        return JSON.stringify(postData);
    },
    ....
});
$.extend($.jgrid.del, {
    ajaxDelOptions: { contentType: "application/json" }
    ...
});

一切都按预期工作：可以Content-Type: application/json在相应请求的 HTTP 标头中看到。

更新：我认为 jqGrid 的奇怪行为的起源是我在这里向 trirand 报告的小错误。您可以在您的副本中自己进行相应的修改或保留规则：如果您在likejquery.jqGrid.src.js中定义了一些非标量（对象）选项，则不应使用. 如果您按照我在错误报告中描述的那样修复 jqGrid 的代码，那么限制将不再存在。$.jgrid.editajaxEditOptionsnavGrid

更新 2：该错误已在 github 的主代码中修复（请参见此处）。所以 jqGrid 的下一个版本（4.4.1 更高版本）应该没有描述的问题。

于 2012-11-20T20:33:37.700 回答