javascript – 百度的这个API应该怎么用 求大神解答

api store的微信热门精选api

<code>接口地址 :http://apis.baidu.com/txapi/weixin/wxhot请求方法 :GET请求参数(header) :参数名    类型    必填    参数位置    描述    默认值apikeystring    是    header    API密钥您自己的apikey请求参数(urlParam) :参数名    类型    必填    参数位置    描述    默认值numnumber    是    urlParam    文章返回数量10randnumber    否    urlParam    是否随机，1表示随机1wordstring    否    urlParam    检索关键词盗墓笔记pagenumber    否    urlParam    翻页，输出数量跟随num参数1srcstring    否    urlParam    指定文章来源人民日报请求示例 :curl示例php示例python示例java示例C#示例ObjectC示例Swift示例1<?php2    $ch = curl_init();3    $url = 'http://apis.baidu.com/txapi/weixin/wxhot?num=10&rand=1&word=%E7%9B%97%E5%A2%93%E7%AC%94%E8%AE%B0&page=1&src=%E4%BA%BA%E6%B0%91%E6%97%A5%E6%8A%A5';4    $header = array(5        'apikey: 您自己的apikey',6    );7    // 添加apikey到header8    curl_setopt($ch, CURLOPT_HTTPHEADER  , $header);9    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);10    // 执行HTTP请求11    curl_setopt($ch , CURLOPT_URL , $url);12    $res = curl_exec($ch);13​14    var_dump(json_decode($res));15?></code>

<code>JSON返回示例 :{    "code": 200,   //返回状态码    "msg": "success",  //返回状态消息    "newslist": [        {            "ctime": "2016-03-31",  //文章发布时间            "title": "奇虎360宣布通过私有化决议",  //文字标题            "description": "互联网头条",  //来源及描述            "picUrl": "http://t1.qpic.cn/mblogpic/f01a972dbcc1060fd456/2000", //文章插图，若空为默认            "url": "http://mp.weixin.qq.com/s?__biz=MjM5OTMyODA2MA==&idx=1&mid=402594468&sn=5cd644536b472a283cc1d3f5124a0cab"        },  //文章URL        {            "ctime": "2016-03-31",            "title": "小本生意做什么挣钱十七大小本生意推荐",            "description": "创业最前线",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225297.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NjgzNDUwMQ==&idx=2&mid=401864059&sn=cfa082e38ba38c7e673b1ce0a075faee"        },        {            "ctime": "2016-03-31",            "title": "当穷游从线上社区向线下旅游服务提供者转身，创业不如就忘了“大平台”这件事吧",            "description": "中国旅讯",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4218551.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA5MzQyMzQyMw==&idx=3&mid=402488438&sn=88f2d7e415e6d18dafccaa8da549edb6"        },        {            "ctime": "2016-03-31",            "title": "等我们老了，就去经营这样一家小店",            "description": "慢时间",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225311.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5NTIxNTU0MA==&idx=1&mid=405728106&sn=b8ac94b83aa92eea54acf75eff89c657"        },        {            "ctime": "2016-03-31",            "title": "曝光失业女子利用微信月均收入过万，原因居然是这个？",            "description": "那些路过心上的句子",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4116605.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5MTg3OTAzNg==&idx=1&mid=402804635&sn=172aa8f7bf0f8078ade644f46722c561"        },        {            "ctime": "2016-03-31",            "title": "什麼人生活在一個單向的世界？",            "description": "今天文学",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4082011.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5ODQxODMyMQ==&idx=1&mid=420440897&sn=cb4b009440b6a9d954bff2a622344e8d"        },        {            "ctime": "2016-03-31",            "title": "这些事，足够让我们相信爱情",            "description": "女生心理学",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225315.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NjM5NDIyMw==&idx=1&mid=401870610&sn=1baf92ad1bb1b9f575027473754551f9"        },        {            "ctime": "2016-03-31",            "title": "少女们，为什么你们总爱翻白眼？",            "description": "青年文摘",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225320.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA5ODEzMTIxOA==&idx=4&mid=405169046&sn=8ea51ec94fcd5d9bed6d1df0d0bf889f"        },        {            "ctime": "2016-03-31",            "title": "总说韩国艺人来中国捞金，先看完这些再说吧",            "description": "RunningMan",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225344.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NDcwNzUxMw==&idx=4&mid=403101020&sn=5a9fa497df693b768637faf85f2b6449"        },        {            "ctime": "2016-03-31",            "title": "宋仲基宋慧乔频传绯闻宋仲基蛮享受的",            "description": "韩国新网",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225352.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5MDAzNjYwMA==&idx=4&mid=403617618&sn=3446bb057607d2daf2e3123f837fa24d"        }    ]}</code>

怎么才能把返回的这些内容和图片放在网页上呢？求大神解答，本人菜鸟

回复内容：

api store的微信热门精选api

<code>接口地址 :http://apis.baidu.com/txapi/weixin/wxhot请求方法 :GET请求参数(header) :参数名    类型    必填    参数位置    描述    默认值apikeystring    是    header    API密钥您自己的apikey请求参数(urlParam) :参数名    类型    必填    参数位置    描述    默认值numnumber    是    urlParam    文章返回数量10randnumber    否    urlParam    是否随机，1表示随机1wordstring    否    urlParam    检索关键词盗墓笔记pagenumber    否    urlParam    翻页，输出数量跟随num参数1srcstring    否    urlParam    指定文章来源人民日报请求示例 :curl示例php示例python示例java示例C#示例ObjectC示例Swift示例1<?php2    $ch = curl_init();3    $url = 'http://apis.baidu.com/txapi/weixin/wxhot?num=10&rand=1&word=%E7%9B%97%E5%A2%93%E7%AC%94%E8%AE%B0&page=1&src=%E4%BA%BA%E6%B0%91%E6%97%A5%E6%8A%A5';4    $header = array(5        'apikey: 您自己的apikey',6    );7    // 添加apikey到header8    curl_setopt($ch, CURLOPT_HTTPHEADER  , $header);9    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);10    // 执行HTTP请求11    curl_setopt($ch , CURLOPT_URL , $url);12    $res = curl_exec($ch);13​14    var_dump(json_decode($res));15?></code>

<code>JSON返回示例 :{    "code": 200,   //返回状态码    "msg": "success",  //返回状态消息    "newslist": [        {            "ctime": "2016-03-31",  //文章发布时间            "title": "奇虎360宣布通过私有化决议",  //文字标题            "description": "互联网头条",  //来源及描述            "picUrl": "http://t1.qpic.cn/mblogpic/f01a972dbcc1060fd456/2000", //文章插图，若空为默认            "url": "http://mp.weixin.qq.com/s?__biz=MjM5OTMyODA2MA==&idx=1&mid=402594468&sn=5cd644536b472a283cc1d3f5124a0cab"        },  //文章URL        {            "ctime": "2016-03-31",            "title": "小本生意做什么挣钱十七大小本生意推荐",            "description": "创业最前线",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225297.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NjgzNDUwMQ==&idx=2&mid=401864059&sn=cfa082e38ba38c7e673b1ce0a075faee"        },        {            "ctime": "2016-03-31",            "title": "当穷游从线上社区向线下旅游服务提供者转身，创业不如就忘了“大平台”这件事吧",            "description": "中国旅讯",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4218551.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA5MzQyMzQyMw==&idx=3&mid=402488438&sn=88f2d7e415e6d18dafccaa8da549edb6"        },        {            "ctime": "2016-03-31",            "title": "等我们老了，就去经营这样一家小店",            "description": "慢时间",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225311.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5NTIxNTU0MA==&idx=1&mid=405728106&sn=b8ac94b83aa92eea54acf75eff89c657"        },        {            "ctime": "2016-03-31",            "title": "曝光失业女子利用微信月均收入过万，原因居然是这个？",            "des<i>*本5文来源gaodai$ma#com搞$$代**码)网@</i><img>搞代码gaodaima</img>cription": "那些路过心上的句子",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4116605.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5MTg3OTAzNg==&idx=1&mid=402804635&sn=172aa8f7bf0f8078ade644f46722c561"        },        {            "ctime": "2016-03-31",            "title": "什麼人生活在一個單向的世界？",            "description": "今天文学",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4082011.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5ODQxODMyMQ==&idx=1&mid=420440897&sn=cb4b009440b6a9d954bff2a622344e8d"        },        {            "ctime": "2016-03-31",            "title": "这些事，足够让我们相信爱情",            "description": "女生心理学",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225315.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NjM5NDIyMw==&idx=1&mid=401870610&sn=1baf92ad1bb1b9f575027473754551f9"        },        {            "ctime": "2016-03-31",            "title": "少女们，为什么你们总爱翻白眼？",            "description": "青年文摘",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225320.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA5ODEzMTIxOA==&idx=4&mid=405169046&sn=8ea51ec94fcd5d9bed6d1df0d0bf889f"        },        {            "ctime": "2016-03-31",            "title": "总说韩国艺人来中国捞金，先看完这些再说吧",            "description": "RunningMan",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225344.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MzA3NDcwNzUxMw==&idx=4&mid=403101020&sn=5a9fa497df693b768637faf85f2b6449"        },        {            "ctime": "2016-03-31",            "title": "宋仲基宋慧乔频传绯闻宋仲基蛮享受的",            "description": "韩国新网",            "picUrl": "http://zxpic.gtimg.com/infonew/0/wechat_pics_-4225352.jpg/640",            "url": "http://mp.weixin.qq.com/s?__biz=MjM5MDAzNjYwMA==&idx=4&mid=403617618&sn=3446bb057607d2daf2e3123f837fa24d"        }    ]}</code>

怎么才能把返回的这些内容和图片放在网页上呢？求大神解答，本人菜鸟

直接放进对应的标签里面就好了啊….

你需要了解:

1. 如何用你会的后端语言发送请求

2. 什么是json，如何使用你会的后端语言或者JavaScript解析json

喜欢 (0)赏

[搞代码]

分享 (0)