JSON 字符串中出现意外的空键值

发布于 2024-10-29 15:20:16 字数 1026 浏览 0 评论 0原文

我正在尝试解析嵌入在我的 html 文件中的 json 字符串。这是简化的代码。

<html>
<head>
<script src="./jquery-1.4.4.min.js" type="text/javascript"></script>
<script>
  function parse_json(){
    var jtext = $("#mtxt").text();
    var jdata = jQuery.parseJSON(jtext);
    JSON.parse(JSON.stringify(jdata), function (key, value){ 
            alert("key=" + key + " value=" + value);
            if(key== ""){
                    alert("value in string" + JSON.stringify(value));              
            }
    });
  }
  $(document).ready(function() {
    $("#run").click( function () {
        parse_json();
    }); 
  });
</script>
</head>

<body>
<a id="run" href="#">run</a>
<div id="mtxt">
{"caller": "539293493"}
</div>
</body>
</html>

当我解析它时，除了预期的“调用者”值之外，我还得到一个额外的空“键”和“值”。第一个警报告诉我

key= value=[object Object]

第二个警报告诉我

value in string{}

发生了什么？为什么要添加这个额外条目？

原文

I'm trying to parse a json string embedded in my html file.
Here is the reduced code.

<html>
<head>
<script src="./jquery-1.4.4.min.js" type="text/javascript"></script>
<script>
  function parse_json(){
    var jtext = $("#mtxt").text();
    var jdata = jQuery.parseJSON(jtext);
    JSON.parse(JSON.stringify(jdata), function (key, value){ 
            alert("key=" + key + " value=" + value);
            if(key== ""){
                    alert("value in string" + JSON.stringify(value));              
            }
    });
  }
  $(document).ready(function() {
    $("#run").click( function () {
        parse_json();
    }); 
  });
</script>
</head>

<body>
<a id="run" href="#">run</a>
<div id="mtxt">
{"caller": "539293493"}
</div>
</body>
</html>

When I parse it, apart from the expected "caller" value, I get an extra empty "key" and "value".
The first alert gives me

key= value=[object Object]

The second alert gives me

value in string{}

What is happening? Why this extra entry?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

微暖i 2024-11-05 15:20:16

好的，您将第二个参数传递给 JSON.parse()，这是 reviver 回调。根据 JSON 文档，此回调执行“...对于每个键和值的结果替换。这可用于将通用对象重组为伪类实例，或将日期字符串转换为 Date 对象。”

最终结果的级别。每个值都将被 reviver函数 >reviver 回调不会返回任何内容，您的对象被不当操作和扭曲。我不相信您在这里使用reviver有任何用处。我从未见过它在任何地方使用过，而且我经常使用 JSON.parse 。

您的代码应如下所示：

function parse_json()
{
    var jtext = $("#mtxt").text(),
        jdata = JSON.parse( $.trim( jtext ) ),
        key,
        value;

    for( key in jdata )
    {
        if( Object.prototype.hasOwnProperty.call( jdata, key ) )
        {
            value = jdata[key];
            //prefer console.log here...
            alert( 'key: ' + key + ', value: ' + value)
        }
    }
}

$( function()
{
    $( '#run' ).click( function()
    {
        parse_json();
    } ); 
} );

演示： http://jsfiddle.net/hjVqf/

Ok, you're passing the second param to JSON.parse() which is the reviver callback. Per the JSON docs, This callback is executed "...for every key and value at every level of the final result. Each value will be replaced by the result of the reviver function. This can be used to reform generic objects into instances of pseudoclasses, or to transform date strings into Date objects."

Since your reviver callback doesn't return anything, your object is getting improperly manipulated and distorted. I don't believe you have any use for the reviver in your use here. I have never seen it in use anywhere, and I use JSON.parse a LOT.

Your code should look like this:

function parse_json()
{
    var jtext = $("#mtxt").text(),
        jdata = JSON.parse( $.trim( jtext ) ),
        key,
        value;

    for( key in jdata )
    {
        if( Object.prototype.hasOwnProperty.call( jdata, key ) )
        {
            value = jdata[key];
            //prefer console.log here...
            alert( 'key: ' + key + ', value: ' + value)
        }
    }
}

$( function()
{
    $( '#run' ).click( function()
    {
        parse_json();
    } ); 
} );

Demo: http://jsfiddle.net/hjVqf/

回复收藏 0 原文