Jquery:解析JSON期间的自动类型转换

Question

有没有办法在解析Json时指定类型,以便自动进行转换.

所以我有jsonData,x和y值需要是数字.所以,我能想到的唯一方法是循环和转换每个.有更好的逻辑,还是有效的方法？

var jsonData = '[{"x:"1", "y":"2"}, {"x:"3", "y":"4"}]'
var needed = [{x:1, y:2}, {x:3, y:4}]
var vals = $.parseJSON(jsonData);
//
var Coord = function(x, y){
this.x = x;
this.y = y;
}
var result = [];
function convert(vals) {
for (var i=0,l=vals.length; i<l; i++) {
        var d = vals[i];
        result.push(new Coord(Number(d.x), Number(d.y)));
    };
}   

Answer 1

jsonData变量中的JSON 无效.只有属性应该在双引号内.每当您将数据转换为JSON时,请使用解析器(在json.org上解释)并且不要手动编写.您始终可以使用JSONLint等工具检查JSON是否有效.

任何数字(整数,十进制,浮点数)都是有效的JSON数据类型,不必用双引号进行封装.

这是有效的JSON: [{"x": 1, "y": 2}, {"x": 3, "y": 4}]

但是,如果您无法控制源并使用ajax检索JSON,则可以为该dataFilter选项提供回调函数.如果你正在使用jQuery 1.5有也converters被推广dataFilter回调.

我怀疑x和y坐标可能是十进制数,这就是为什么我选择使用parseFloat而不是parseInt在下面的例子中.

使用dataFilter回调函数的示例(pre jQuery 1.5):

$.ajax({
    url: "/foo/",
    dataFilter: function(data, type){
        if (type == "json") {
            var json = $.parseJSON(data);
            $.each(json, function(i,o){
                if (o.x) {
                    json[i].x = parseFloat(o.x);
                }
                if (o.y) {
                    json[i].y = parseFloat(o.y);
                }
            });
        }
        return data;
    },
    success: function(data){
        // data should now have x and y as float numbers
    }
});

使用converter(jQuery 1.5或更高版本)的示例:

$.ajaxSetup({
    converters: {
        "json jsoncoords": function(data) {
            if (valid(data)) {
                $.each(data, function(i,o){
                    if (o.x) {
                        data[i].x = parseFloat(o.x);
                    }
                    if (o.y) {
                        data[i].y = parseFloat(o.y);
                    }
                });
                return data;
            } else {
                throw exceptionObject;
            }
        }
    }
});

$.ajax({
    url: "/foo/",
    dataType: "jsoncoords"
}).success(function(data){
    // data should now have x and y as float numbers
});