新手求教！怎么把PM2.5的实时数据显示在自己的网页上

新手求教！如何把PM2.5的实时数据显示在自己的网页上？
大家好！新手一枚，急需完成在网页上实时显示PM2.5的数据，要如何实现？
1、我先用vs2013 express for web新建了一个 PM25.aspx的网页；
2、在网上找了数据接口，网站的API说明如下：
     方法       GET
     参数
* city：城市名称，必选参数
* avg：是否返回一个城市所有监测点数据均值的标识，可选参数，默认是true，不需要均值时传这个参数并设置为false
* stations：是否只返回一个城市均值的标识，可选参数，默认是yes，不需要监测点信息时传这个参数并设置为no
      返回      一个数组，里面的一项是一个监测点的PM2.5信息，其中每一项数据包括
* aqi
* area
* pm2_5
* pm2_5_24h
* position_name
* primary_pollutant
* quality
* station_code
* time_point
   默认情况下，最后一项是所有监测点的均值(即一个城市的值)

请求示例：
http://www.pm25.in/api/querys/pm2_5.json?city=珠海&token=xxxxxx  或者
http://www.pm25.in/api/querys/pm2_5.json?city=zhuhai&token=xxxxxx

3、我将http://www.pm25.in/api/querys/pm2_5.json?city=beijing&token=5j1znBVAsnSf5xQyNQyq 直接在浏览器里复制，返回了一个json文档，格式如下：
[
    {
        "aqi": 31,
        "area": "北京",
        "pm2_5": 16,
        "pm2_5_24h": 13,
        "position_name": "监测点",
        "primary_pollutant": null,
        "quality": "优“,
        "station_code": "2335A",
        "time_point": "2015-08-31T15:00:00Z"
    },
    {
        "aqi": 31,
        "area": "北京",
        "pm2_5": 13,
        "pm2_5_24h": 13,
        "position_name": "监测点",
        "primary_pollutant": null,
        "quality": "优“,
        "station_code": "2336A",
        "time_point": "2015-08-31T15:00:00Z"
    },
    {
        "aqi": 32,
        "area": "北京",
        "pm2_5": 8,
        "pm2_5_24h": 12,
        "position_name": "监测点”,
        "primary_pollutant": null,
        "quality":"优“,
        "station_code": "2337A",
        "time_point": "2015-08-31T15:00:00Z"
    },
    {
        "aqi": 24,
        "area": "北京",
        "pm2_5": 8,
        "pm2_5_24h": 11,
        "position_name": "监测点",
        "primary_pollutant": null,
        "quality": "优“,
        "station_code": "2338A",
        "time_point": "2015-08-31T15:00:00Z"
    },
    {
        "aqi": 29,
        "area": "北京",
        "pm2_5": 11,
        "pm2_5_24h": 12,
        "position_name": null,
        "primary_pollutant": null,
        "quality":"优“,
        "station_code": null,
        "time_point": "2015-08-31T15:00:00Z"
    }
]
4、接下来我应该怎么做？谢谢大家赐教！！！
------解决思路----------------------

$.ajax({

url:'',

type:'get',

success:function(data){

  //data就是你的json数组

//然后如果有UI框架的话，直接就是按UI框架的规则赋值

//如果没的话，就是循环data数组，组织html

//当然你也可以用js模板

//或者用net程序模板，在后台先反序列化json，然后直接调用模板dll生成html

}

});

新手求教！怎么把PM2.5的实时数据显示在自己的网页上

相关推荐