如何将json数据添加到服务器并在单击按钮后立即将其显示在jqgrid中

Question

我有一个正在运行的程序，它将把我的数据从服务器显示到 jqgrid。我现在想要的是将数据保存到服务器。这是我的代码：

function Add(){
   var datas = {
   "ID": "xyz",
   "operation": "Add",
   "fields": ["code", "desc", "type"],
   "values": [$('#code').val(), $('#desc').val(), $('#type').val() ]
}

$('#tblData1').setGridParam({
    url:'myni.php?path=' + encodeURI('this/update') + '&json=' +(JSON.stringify(datas)), 
    datatype: Settings.ajaxDataType,  
});
    $('#tblData1').trigger('reloadGrid'); 
}

此代码返回错误消息“异常错误：服务器错误：未指定参数‘操作’。”我已经设置了一个操作，但我不知道出了什么问题。有人可以帮我解决这个问题吗？请。

我想知道如何在单击按钮后将数据添加到服务器并立即将其显示在jqgrid中。请...

Answer 1

函数Add设置本地变量datas，该变量仅存在于Add函数内部。也许您想要的是从函数返回值并将其设置为 setGridParam 调用的使用范围中存在的变量。

下一个问题是，在将其作为 URL 的一部分插入之前，您应该根据 encodeURIComponent 对 JSON.stringify(datas) 进行编码。您还可以使用 jQuery.param 函数代替：

url:'myni.php?' + $.param({path:'this/update', json:JSON.stringify(datas)})

如果您使用 HTTP GET (mtype:'GET') 对于对服务器的请求，我建议您最好使用 jqGrid 的 postData 参数，其中包含函数：

$("list").jqGrid({
    url:'myni.php',
    postData: {
        path: 'this/update',
        json: function() {
            return JSON.stringify({
                ID: "xyz",
                operation: "Add",
                fields: ["code", "desc", "type"],
                values: [$('#code').val(), $('#desc').val(), $('#type').val()]
            });
        }
    },
    // other parameters
});

postData 参数的属性将如果使用 mtype:'GET'，则将其添加到 URL（如果需要，将插入“?”和“&”）；如果使用 mtype:'GET'，则将其添加到发布数据的正文中代码> mtype：'POST'。

postData 内部使用函数的优点是，相应的值（如 json 参数的值）将在每个 ajax 请求上计算 。如果用户更改排序顺序或选择另一个页面，则会向服务器发送 ajax 请求。因此，在这种情况下，必须确定 postData 属性以及 $('#code').val() 中的当前值，$('#desc').val() 和 $('#type').val() 将插入请求中。

如果 path 参数的值不应该是静态的，您也可以将其设置为函数。

如果使用包含函数的 postData，您的代码可以简化为 $('#tblData1').setGridParam({datatype: Settings.ajaxDataType}).trigger('reloadGrid')< /代码>。

有关 postData 内部函数的使用的更多信息，您可以阅读 此处。