Question

我有一个javascript对象，其中包含许多整数属性以及Date值和整数数组。每当我在对象上调用JSON.stringify（entityModel，null，2）并将结果传递给HTTP Handler时，我最终得到如下内容：

{
 "UserId": "12345",
 "Name": "Stewart",
 "PositionId": "2",
 "NextBirthday": "10-11-2013",
 "FavouriteColour": "Blue",
 "Hobbies": "1,3" // this is an array of ints in the client object prior to stringificaiton
}

当我想要的是

{
 "UserId": 12345,
 "Name": "Stewart",
 "PositionId": 2,
 "NextBirthday": "10-11-2013",
 "FavouriteColour": "Blue",
 "Hobbies": [1,3]
}

我是JSON的新手，但有人可以告诉我哪里出错了吗？基本上在服务器端，我的反序列化器不会将Hobbies属性反序列化为整数数组，并且当它们被JSON视为字符串时可能会出现整数问题。

##编辑

当页面遍布我的客户端对象时：

function EntityModel(){
   this.UserId = null;
   this.Name = null;
   this.PositionId = null;
   this.NextBirthday = null;
   this.FavouriteColour = null;
   this.Hobbies = null;
}

然后我为其赋值，检查值是否为数字，并在适当的情况下使用parseInt指定整数值。对于Hobbies属性，我分配一个整数数组如下：

var checkedValues = new Array();
element.find("input[type=checkbox]:checked").each(function () {
   checkedValues.push(parseInt($(this).val()));
});
return checkedValues;

所以我的对象应该看起来像这样

function EntityModel(){
   this.UserId = 123;
   this.Name = "Stewart";
   this.PositionId = 2;
   this.NextBirthday = '10-11-2013';
   this.FavouriteColour = 'blue';
   this.Hobbies = [1,2];
}

然后我将对象传递给处理程序，如下所示：

var json = JSON.stringify(entityModel, null, 2);
$.ajax({
  url: handlerPath,
  contentType: "application/json; charset=utf-8",
  type: 'POST',
  dataType: "json",
  data: json,
  success: OnComplete,
  error: OnFail
});

最后在处理程序端我检索JSON字符串

using (StreamReader inputStream = new StreamReader(      HttpContext.Current.Request.InputStream ))
{
   jsonString = inputStream.ReadToEnd();
}

它看起来像这样

"{\n  \"UserId\": \"12345\",\n  \"Name\": \"Stewart\",\n  \"PositionId\": \"2\",\n  \"NextBirthday\": \"2013-11-10\",\n  \"FavouriteColour\": \"Blue\",\n  \"Hobbies\": \"1,2,3\"\n}"

＃编辑2

以下是我用来为客户端对象赋值的函数。第一个函数返回一个整数数组（如果该值基于复选框列表选择）或int（如果value是数字）或字符串

function getElemValue(element, elementType, targetType) {
        switch (elementType) {
            case "System.Web.UI.WebControls.CheckBoxList":
                var checkedValues = new Array();
                element.find("input[type=checkbox]:checked").each(function () {
                    checkedValues.push(parseInt($(this).val()));
                });
                return checkedValues;
            default:
                return TryParseInt(element.val());   
        }
    }

    function TryParseInt(str) {
        var retValue = str;
        if (str != null) {
            if (str.length > 0) {
                if (!isNaN(str)) {
                    retValue = parseInt(str);
                }
            }
        }
        return retValue; 
    }

Answer 1

我认为函数getElementValue并不能完全按照您的想法行事。

以下是我看到的一些（潜在）问题：

是jQuery对象的element参数？如果没有，element.val()可能会抛出异常。浏览器的控制台是否显示任何错误？
你正在使用parseInt而没有第二个参数（基数）;这意味着如果字符串以零（0）开头，则它将被解释为八进制数字。为防止这种情况发生，请使用parseInt(str, 10)（或Number(str)，但也会接受浮点数。）
你的函数TryParseInt看起来不必要复杂。它应该足以执行parseInt(str, 10)，如果产生NaN，则返回原始字符串。

例如：

function tryParseInt(str) {
    var retValue = parseInt(str, 10);
    return isNaN(retValue) ? str : retValue;
}

最后：我在这里看到的只是为checkedValues数组分配一些值，但对EntityModel对象没有任何意义。所以我们仍然错过了最后的任务 - 而且我确实预感到错误的地方，并且所有内容都会被转换为字符串。

将非字符串值序列化为JSON

1 个答案: