使用VS和IE调试Json-白红宇

使用VS和IE调试Json

阅读量：4128 次

发布时间：2019-05-25

本文共 1310 字，大约阅读时间需要 4 分钟。

使用VS和IE调试Json

1. 必须启用IE的脚本调试功能：

2. 启动IE，在调试之前首先打开要调试的页面，我这里的demo是JSONUnitTest.html

下面是JSONUnitTest.html的源代码：

<html>

<head>

<title>JSon数据格式</title>

function doJsonTest(){

var value = document.getElementById("txtJson").value;

var jObj = eval(value);

var i;

}

</script>

</head>

<body>

</body>

</html>

这里有几个地方是需要注意的：

1) 我使用的textarea的方式输入文本，主要是因为可能需要测试的数据长度比较大。

2) 当点击按钮的时候，触发JavaScript的doJsonTest()方法。

3) 在doJsonTest()方法中，首先获取文本框的值，然后转换改变量的json数据形式值，使用eval()方法。

3. 在VS中打开JSONUnitTest.html

设置断点。

为了便于查看，我们再定义一个变量i，这样可以很容易的查看json数据值。

4. 测试数据，使用QuicklyWatch查看：

对于json的数据格式，大家可以参考：

我们首先测试一个比较简单的：

1) 在文本框输入 [{a:123}]

2) 在vs中“附加到进程”，选择要调试的JSONUnitTest.html这个页面

此时，你会发现断点已经发生作用了。

3) 点击页面按钮，此时将触发按键的onclick的事件，调用JavaScript的doJsonTest()方法。

4) 使用QuicklyWatch查看：

在变量值上点右键，选择QuicklyWatch

这时，你就可以看到json的数据是什么模样的了：

5) 下面，我们再测试数组形式的，这个也是json数据格式所支持的：

在文本框输入：

[{"name":"wuhao","age":28},{"name":"linchun","age":26},{"name":"chunyan","age":25}]

同样的方法调试，查看

为什么选择json，这是我之前一直比较困惑的问题。我们在QuicklyWatch中输入jObj[2].name,你会惊奇的发现

是的，我们可以通过序列轻松的访问json数据的任何对象、以及其任何属性，做到“数据与显示相分离，按需取得数据”。