JSON使用KendoGrid POST负载时不正确地编码(JSON encoded imprope

我绑定到一个JSON数据源，那么用户启动基于页面上的过滤器搜索后重新绑定。该JSON有效载荷的编码错误并没有什么我已经试过迄今似乎可以解释为什么。

如果我可以只添加正确的JSON的HTTP后，一切都将正常工作，并与列出的第一个$就方法做。

使用$就调用（作品）

 $.ajax(
                   {
                       url: '/api/DataProcessing',
                       type: "Post",
                       contentType: "application/json; charset=utf-8",
                       data: '' + JSON.stringify(searchObject),
                       dataType: 'json',
                       success: function (result) {
                           $(".kendoDataProcessing").data("kendoGrid").dataSource = new kendo.data.DataSource({ data: result });
                           $(".kendoDataProcessing").data("kendoGrid").dataSource.read();
                           $(".kendoDataProcessing").data("kendoGrid").refresh();

                       },
                       error: function (xhr, ajaxOptions, thrownError) {
                           alert('Status: ' + xhr.status + ', Error Thrown: ' + thrownError);
                       }
                   });

然而，当我更新了我寄期望于同等有效载荷的kendogrid数据源，它所编码的JSON以意想不到的方式（参见代码块下面前和小提琴手捕获HTTP请求后（编码不正确）

   $(".kendoDataProcessing").kendoGrid({
                        dataSource: {
                            transport: {
                                read: {
                                    url: '/api/DataProcessing',
                                    type: 'Post',
                                    contentType: 'application/json; charset=utf-8',
                                    data: '' + JSON.stringify(searchObject),
                                    dataType: 'json',
                                }
                            },
                            pageSize: 25
                        },

                        height: 620,
                        sortable: true,
                        pageable: true,
                        filterable: true,
                        columns: [
                            {
                                field: "Client",
                                title: "Client Name",
                                width: 120
                            }, {
                                field: "Study",
                                title: "Study",
                                width: 100
                            }, {
                                field: "DataLogId",
                                title: "Batch Description",
                                width: 120
                            }, {
                                field: "Indicator",
                                title: "Indicator",
                                width: 100
                            }, {
                                field: "UserName",
                                title: "Username",
                                width: 110
                            }, {
                                field: "AssessmentPoint",
                                title: "Assessment Point",
                                width: 130
                            }, {
                                field: "DateStamp",
                                title: "Date Stamp",
                                width: 180
                            }]
                    });

**预期JSON编码（HTTP呼叫使用$就方法创建的）**

{"Client":"Choose a client...","Study":"Choose a study...","UserName":"Choose a user...","from":"","To":"","AssessmentPoint":"Choose an AP...","Indicator":"Choose an indicator...","DataLogId":""}

**实际JSON编码（使用Kendogrid数据源更新和重新绑定HTTP调用创建**

0=%7B&1=%22&2=C&3=l&4=i&5=e&6=n&7=t&8=%22&9=%3A&10=%22&11=C&12=h&13=o&14=o&15=s&16=e&17=+&18=a&19=+&20=c&21=l&22=i&23=e&24=n&25=t&26=.&27=.&28=.&29=%22&30=%2C&31=%22&32=S&33=t&34=u&35=d&36=y&37=%22&38=%3A&39=%22&40=C&41=h&42=o&43=o&44=s&45=e&46=+&47=a&48=+&49=s&50=t&51=u&52=d&53=y&54=.&55=.&56=.&57=%22&58=%2C&59=%22&60=U&61=s&62=e&63=r&64=N&65=a&66=m&67 ... (continues)

它看起来像它使JSON字符串转换成各种各样的数组。 所以，我试图只用的“floof”测试字符串，并将其编码成“0 = F＆1 = L＆2 = O 3 = O 4 = F”

所谓的控制器方法：

  public HttpResponseMessage Post([FromBody]DataProcessingSearch dataProcessingSearch)
  {
      // dataProcessingSearch var is null (was passed oddly encoded)     
  }

其他详细信息（搜索对象）

 var searchObject = new Object();
                    searchObject.Client = $('#ClientList').val();
                    searchObject.Study = $('#StudyList').val();
                    searchObject.Site = $('#SiteList').val();
                    searchObject.UserName = $('#UserList').val();
                    searchObject.from = $('#beginSearch').val();
                    searchObject.To = $('#endSearch').val();
                    searchObject.AssessmentPoint = $('#AssessmentPointList').val();
                    searchObject.Indicator = $('#IndicatorList').val();
                    searchObject.DataLogId = $('#DataLogIdText').val();

Answer 1:

演示： http://so.devilmaycode.it/json-encoded-improperly-when-using-kendogrid-post-payload

function searchObject(){ 
    return { 
        Client : $('#ClientList').val(),
        Study : $('#StudyList').val(),
        Site : $('#SiteList').val(),
        UserName : $('#UserList').val(),
        from : $('#beginSearch').val(),
        To : $('#endSearch').val(),
        AssessmentPoint : $('#AssessmentPointList').val(),
        Indicator : $('#IndicatorList').val(),
        DataLogId : $('#DataLogIdText').val()
    }
}

// i have putted the dataSource outside just for best show the piece of code...
var dataSource = new kendo.data.DataSource({
    transport: {
        read : {
            // optional you can pass via url 
            // the custom parameters using var query = $.param(searchObject())
            // converting object or array into query sring
            // url: "/api/DataProcessing" + "?" + query,
            url: "/api/DataProcessing",
            dataType: "json",
            // no need to use stringify here... kendo will take care of it.
            // also there is a built-in function kendo.stringify() to use where needed.
            data: searchObject
        },
        //optional if you want to modify something before send custom data...
        /*parameterMap: function (data, action) {
            if(action === "read") {
                // do something with the data example add another parameter
                // return $.extend({ foo : bar }, data);
                return data;
            }
        }*/
    }
});

$(".kendoDataProcessing").kendoGrid({
    dataSource: dataSource, 
    ...
});

评论是有只是为了更好的解释你可以完全如果不需要它删除。代码完全工作作为反正。

DOC： http://docs.telerik.com/kendo-ui/api/wrappers/php/Kendo/Data/DataSource

Answer 2:

什么可能是错误的看法： -

1. JSON（）方法接受C＃对象并将它们序列化到JSON字符串。在我们的例子中，我们要返回JSON对象的数组; 这样做，你要做的就是通过对象的列表为JSON（）。

public JsonResult GetBooks()  
{
    return Json(_dataContext.Books);
}

你能找出什么是错用上面的方法？如果你还不知道，上述方法将在运行时失败了“循环引用”异常。

注：尝试返回JSON，HttpResponse对象以这样的方式可序列化的数据，这是不是剑道电网可以接受的。 这已经在我的项目发生在我身边。

试试这个方法： -现在，让我们在JsonResult动作方法创建它们的实例。

public JsonResult GetFooBar()  
{
    var foo = new Foo();
    foo.Message = "I am Foo";
    foo.Bar = new Bar();
    foo.Bar.Message = "I am Bar";
    return Json(foo);
}

这种操作方法将返回以下JSON：

{
    "Message" : "I am Foo",
    "Bar" : {
        "Message" : "I am Bar"
    }
}

在这个例子中，我们得到了什么，我们期望得到的。虽然序列化FOO它也走进了酒吧财产和序列化对象作为好。然而，让我们混合起来一点，一个新的属性添加到酒吧。

Answer 3:

我记得在过去剑道电网工作。解决方案当时是返回JSONP。（需要工作跨域不知道，如果它在你的情况）

建议改变你的控制器方法通过装饰你一个JsonpFilterAttribute方法返回sjonp。像这样：

[JsonpFilter]
public JsonResult DoTheThing(string data, string moreData)
{
  return new JsonResult
  {
     Data = FetchSomeData(data, moreData)
  };
}

然后在去剑道电网尝试使用http://demos.telerik.com/kendo-ui/datasource/remote-data-binding 。

对于Jsonpfilter属性先看看这里，否则这里。

文章来源: JSON encoded improperly when using KendoGrid POST payload