지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 백엔드 개발 > PHP 튜토리얼 > 본문

javascript - Baidu의 API를 사용하는 방법에 대한 답변을 알려주십시오.

WBOY
풀어 주다： 2016-10-10 11:56:01
원래의
874명이 탐색했습니다.

API 스토어에서 선정한 WeChat 인기 API

<code>接口地址 :http://apis.baidu.com/txapi/weixin/wxhot
请求方法 :GET
请求参数(header) :
参数名    类型    必填    参数位置    描述    默认值
apikey
string    是    header    
API密钥
您自己的apikey
请求参数(urlParam) :
参数名    类型    必填    参数位置    描述    默认值
num
number    是    urlParam    
文章返回数量
10
rand
number    否    urlParam    
是否随机，1表示随机
1
word
string    否    urlParam    
检索关键词
盗墓笔记
page
number    否    urlParam    
翻页，输出数量跟随num参数
1
src
string    否    urlParam    
指定文章来源
人民日报

请求示例 :
curl示例php示例python示例java示例C#示例ObjectC示例Swift示例

1
<?php
2
    $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到header
8
    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 스토어에서 선정한 WeChat 인기 API

<code>接口地址 :http://apis.baidu.com/txapi/weixin/wxhot
请求方法 :GET
请求参数(header) :
参数名    类型    必填    参数位置    描述    默认值
apikey
string    是    header    
API密钥
您自己的apikey
请求参数(urlParam) :
参数名    类型    必填    参数位置    描述    默认值
num
number    是    urlParam    
文章返回数量
10
rand
number    否    urlParam    
是否随机，1表示随机
1
word
string    否    urlParam    
检索关键词
盗墓笔记
page
number    否    urlParam    
翻页，输出数量跟随num参数
1
src
string    否    urlParam    
指定文章来源
人民日报

请求示例 :
curl示例php示例python示例java示例C#示例ObjectC示例Swift示例

1
<?php
2
    $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到header
8
    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>
로그인 후 복사
로그인 후 복사

반환된 콘텐츠와 이미지를 웹페이지에 어떻게 넣을 수 있나요? 답변 부탁드립니다. 초보입니다

해당 태그에 직접 넣어주시면 됩니다....

알아야 할 사항:

  1. 알고 있는 백엔드 언어로 요청을 보내는 방법

  2. json이란 무엇이며 백엔드 언어 또는 JavaScript를 사용하여 json을 구문 분석하는 방법

관련 라벨：
api html html5 javascript php
원천：php.cn
이전 기사：사양에 따르면 발생할 수 있는 모든 예외를 포착해야 합니까? 다음 기사：python - 이 PY 코드를 PHP로 변환할 수 있나요?
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
PDF 파일에서 HTML5 및 Javascript를 실행할 수 있습니까? PDF에 포함되므로 어떤 컴퓨터에서도 차단되지 않는 프로그램을 만들어 보자는 어리석은 생각이 있습니다(Javascript가 PDF에서 실행될 수 있다고 들었습니다...
에서 2024-04-05 12:57:00
0
1
456
HTML5에서 enctype과 formenctype의 차이점은 무엇입니까? HTMLLivingStandard(새 HTML5 사양이라고도 함)의 enctype 속성과 formenctype 속성의 차이점이 무엇인지 궁금합니다. 나는 개발자를...
에서 2024-04-02 11:47:56
0
1
275
페이지를 모바일 친화적으로 만드시겠습니까? 나는 많은 웹 페이지와 일부 웹 사이트를 가지고 있습니다. 문제는 제가 초보자라는 것입니다. 저는 기본 html5와 css3을 사용하고 있지만 확장, 축소 및 모...
에서 2024-04-01 20:42:38
0
1
259
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿