Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在网页上显示API响应

在网页上显示API响应
EN

Stack Overflow用户
提问于 2020-05-16 16:37:20
回答 1查看 129关注 0票数 0

我可以在我的节点控制台上以json格式console.log() API调用的响应,我如何让它显示结果到我的网页上,并带有样式。

基本上,在app.post()中,我在发出请求后执行了console.log()。我正在得到回复,但我需要在我的网页上显示它。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
app.post("/",function(req,res){

            // INSTANTIATE A CLIENT
    let credentials= new CognitiveServicesCredentials('API-key-goes-here');
    let client=new WebSearchAPIClient(credentials);

            // MAKE REQUEST AND PRINT RESULT
    const query=req.body.item;
    client.web.search(query).then((result) => {
        let properties = ["images", "webPages", "news", "videos"];
        for (let i = 0; i < properties.length; i++) {
            if (result[properties[i]]) {
                // console.log(result);    // To see result types and all.
                // console.log(result[properties[i]]); // To see all tyes of results.
                // console.log(result.videos); // To display only the video results. 
                // res.send(result[properties[i]].value);
                // let url=(result[properties[i]].value);
                // console.log(url); // gives the same result.  

            } else {
                console.log(`No ${properties[i]} data`);
            }
        }
    }).catch((err) => {
        throw err;
    })
});

希望这能有所帮助。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-16 16:41:09

在响应对象集类型中,JSON解析并发送。

res.setHeader('Content-Type', 'application/json'); res.end(JSON.stringify({ a: 1 }));

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61840164

复制
相关文章
Python 实战(1):在网页上显示信息
上次简单介绍了 web.py。今天先来粗略解释下那个 hello world 页面的代码: import web 导入 web.py 模块。 urls = ( '/', 'index' ) 这是指定网站 url 的匹配规则,左边是正则表达式,右边是对应处理函数的名称。 class index: def GET(self): return "Hello, world!" 这便是处理请求的函数 index。GET 和 POST 是 HTTP 的两种请求方式,一般来说,GET 用于请求网
Crossin先生
2018/04/16
1.7K0
响应式网页
安装react-bootstrap(react-bootstrap标签自定义,属性和bootstrap相同)
sofu456
2019/10/24
1.8K0
在3D游戏中显示网页
在游戏中显示网页? 为什么要这么做呢? 其实可以做不少的应用: 嵌入帮助文档, 比如技能介绍, 可以做得很漂亮, 各种排版方式用传统UI做起来很费劲 活动公告页面直接在游戏中查看 游戏内的BBS/社区
逍遥剑客
2018/05/21
6460
直接iframe方式在网页上显示天气插件
天气预报调用网址(可定制):http://www.tianqi.com/plugin/
科控物联
2023/09/22
1.4K0
直接iframe方式在网页上显示天气插件
响应式网页bootstrap
相当于C#UI里面的容器系统,bootstrap对css进行扩展,使用了类似less文件中的变量定义,sacc不仅增加了变量还多了继承、混合、嵌套等功能
sofu456
2022/05/06
6.8K0
将jpeg图片显示在framebuffer上
点击(此处)折叠或打开 /************************************************** * example5.c * Author: T-bagwell * * Compile:gcc -Wall example5.c -o example5 *************************************************/ #include <stdio.h> #inclu
用户3765803
2019/03/05
1.2K0
【JavaScript小项目】在网页上显示选择的图片
思路分析 选用<input type="file">原生组件,实现该组件美化。 选用<img src="file">实现图片预览。 代码实现 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片预览</title> <script src="js/test.js"> function upload(file) { cons
efonfighting
2020/02/13
1.2K0
在以太坊上构建 GraphQL API
dapp[5]的数量继续爆炸性增长,对开发人员(使用 Solidity[6]或其他区块链语言的)的需求[7]也越来越大。
Tiny熊
2021/06/10
1.8K0
在以太坊上构建 GraphQL API
在restful api模式上使用JWT
在header头里面增加Authorization。在服务端验证的时候回通过取得这个值来验证回话的有效。
友儿
2022/09/11
8440
响应式网页设计指南
如何理解响应式设计(RWD) 响应式网页设计的概念最初是由 Ethan Marcotte 提出,从设计的角度引领我们思考:为什么一定要为每个用户分别做一套设计方案呢?是否可以有一种设计能够根据不同设备
码云Gitee
2018/03/29
2.5K1
响应式网页设计指南
响应式网页设计指南
1、如何理解响应式设计(RWD) 响应式网页设计的概念最初是由Ethan Marcotte提出,从设计的角度引领我们思考:为什么一定要为每个用户分别做一套设计方案呢?是否可以有一种设计能够根据不同设
奔跑的小鹿
2018/03/16
1.5K0
响应式网页设计指南
Web网页响应式布局
Q:什么是响应式布局? A:不管您的用户使用何种终端访问您的网站,都能够自动识别适应终端设备的分辨率以及宽度,让您的网站在众多设备中无缝浏览;响应式布局是就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本
全栈工程师修炼指南
2022/09/28
1.8K0
Web网页响应式布局
在web网页上打开电脑本地exe应用
2、在 HKEY_CLASSES_ROOT 下新增一项 SSOPluginsFile.myp, 这个可以自定义命名,但需要和上方测试的html代码中a标签的href属性保持一致
星辰sea
2023/06/10
2.4K0
在web网页上打开电脑本地exe应用
API Gateway Kong在Rainbond上的部署
Kong是一个可扩展的开源API平台(也称为API网关,API中间件或微服务服务网格)。Kong最初是由Kong Inc.(以前称为Mashape)实现的,用于为其API Marketplace维护、管理和扩展超过15,000个微服务,这些微服务每月产生数十亿个请求。
Rainbond开源
2020/01/02
1.3K0
优化在 SwiftUI List 中显示大数据集的响应效率
拥有优秀的交互效果和手感,是很多 iOS 开发者长久以来坚守的原则。同样一段代码,在不同数据量级下的响应表现可能会有云泥之别。本文将通过一个优化列表视图的案例,展现在 SwiftUI 中查找问题、解决问题的思路,其中也会对 SwiftUI 视图的显式标识、@FetchRequest 的动态设置、List 的运作机制等内容有所涉及。本文的范例需运行在 iOS 15 及以上系统,技术特性也以 SwiftUI 3.0 为基础。
东坡肘子
2022/07/28
9.3K0
优化在 SwiftUI List 中显示大数据集的响应效率
原生css写响应式网页
写在前面的话:随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开
前朝楚水
2018/04/02
4.1K0
原生css写响应式网页
Web网页响应式布局.md
Q:什么是响应式布局? A:不管您的用户使用何种终端访问您的网站,都能够自动识别适应终端设备的分辨率以及宽度,让您的网站在众多设备中无缝浏览;响应式布局是就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本
全栈工程师修炼指南
2020/10/23
1.6K0
Web网页响应式布局.md
Android在ImageView上直接显示网络图片
在原生的ImageView中,没有一个方法是可以直接显示网络的图片的,当我们经常需要显示网络图片时,每次都有一大堆的操作,这会很麻烦,今天就教大家在ImageView上轻松显示网络图片。
夜雨飘零
2020/05/06
6.2K0
JavaScript网页全屏API
在大多数的浏览器中都有实现网页全屏显示的功能,并且大部分浏览器实现全屏显示和退出全屏显示的快捷键通常是F11和Esc两个按键。如今,W3C已经制定了关于网页全屏显示的API,利用这个API 可以实现网页的全屏显示,并且还能将某个特定的元素设置为全屏显示,在各浏览器的兼容性:google chrome 15 +, safri5.1+,firfox10+,IE11都已经开始支持全屏API。
用户6167509
2019/09/04
3.1K1
在CVM上搭建网页服务器(LNMP)
LNMP是一组可用于为动态网页和Web应用程序提供服务的软件。这是一个描述Linux操作系统的首字母缩略词,带有Nginx(发音为“ Engine-X”)Web服务器。后端数据存储在MySQL数据库中,动态处理由PHP 处理。
小皇帝James
2018/07/13
6.6K1

相似问题

在网页上显示后端响应

22

试图在网页上显示响应

30

ExpressJS -在网页上显示AJAX响应

10

Servlet响应没有显示在网页上

35

Twitter Track Api在网页上显示

10
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文