在JavaScript 中创建JSON对象–例程分析

要想用程序从网页上抓数据，需要熟悉HTML和JavaScript语言，这里有一个在学习JSON时碰到的例程，就是在Javascript 中创建JSON对象，为了学习并掌握其内容，按我的理解对此例程做个注释，记录我掌握的知识，以备将来验证是否正确。

程序很简单，分三部分（代码在本文后面）：

1、

部分：用大字符显示标题；

2、部分：显示一段信息的结构，但无内容，内容在后面添加；

3、部分：Javascript程序，先定义了一个JSON结构的变量JSONObject，然后，用变量中的内容填写到

部分，定位方式是通过其中定义的id，这里详细说明一下：

语句document.getElementById(“jname”).innerHTML=JSONObject.name就是找id为jname的元素，把其中的内容替换为JSONObject.name，这个变量的内容为Bill Gates，即：

将修改为Bill Gates，由id定位到标签span，而InnerText表示标签元素span中间部分的文本内容（不含标签元素）。

我们用程序从网页上抓数据时，往往需要填表，也是通过这种方式修改网页内容，最后提交，得到我们需要的内容，例如，下面语句就是填写邮件号码并提交查询：

    WebBrowser1.Document.GetElementById(“mailNum”).InnerText = “1126381490399”
    WebBrowser1.Document.Forms(“mailTrackSnglForm”).submit

也可以用下面的写法：

    WebBrowser1.document.Forms(“mailTrackSnglForm”).All(“mailNum”).Value =“1126381490399”

再比如，填写用户名和密码后提交：

  WebBrowser1.Document.Forms(0).All(“name”).Value = “AHSD08”
    WebBrowser1.Document.Forms(0).All(“password”).Value = “ems2345”
    WebBrowser1.Document.Forms(0).submit

对应网页中的元素或者说对象定位，可以用id名称，也可以用序号，比如上例中的Forms(0)。

下面是上面分析的例程代码：

 

在 JavaScript 中创建 JSON 对象www.linuxidc.com

Author:

Name:

Age:

Address:

Phone:

执行效果如下：

在 Javascript 中创建 JSON 对象www.linuxidc.com

Author: iamlaosong
Name: Bill Gates
Age: 56
Address: Fifth Avenue New York 666
Phone: 555 1234567

————————————–分割线 ————————————–

Struts中异步传送XML和JSON类型的数据 http://www.linuxidc.com/Linux/2013-08/88247.htm

Linux下JSON库的编译及代码测试 http://www.linuxidc.com/Linux/2013-03/81607.htm

jQuery 获取JSON数据[$.getJSON方法] http://www.linuxidc.com/Linux/2013-03/81673.htm

用jQuery以及JSON包将表单数据转为JSON字符串 http://www.linuxidc.com/Linux/2013-01/77560.htm

在C语言中解析JSON配置文件 http://www.linuxidc.com/Linux/2014-05/101822.htm

————————————–分割线 ————————————–