专注Java教育14年 全国咨询/投诉热线:444-1124-454
赢咖4LOGO图
始于2009,口口相传的Java黄埔军校
首页 hot资讯 js解析json对象的步骤

js解析json对象的步骤

更新时间:2022-04-01 09:38:00 来源:赢咖4 浏览1042次

获取 JSON 输出

登录Temboo 并转到我们库中的YouTube > 搜索 > ListSearchResults Choreo。从页面顶部的下拉菜单中选择JavaScript

为查询输入输入您想要的任何搜索词,然后单击“生成代码”以从我们的网站测试 Choreo。

你会在响应输出中得到一大堆 JSON 。这些是搜索的结果。接下来我们将看到如何在 JavaScript 中解析这个响应并只挑选出我们感兴趣的部分。

用 JAVASCRIPT 解析它

创建一个新.html文件并复制生成的JavaScript代码。

接下来,以您选择的服务器语言创建一个新文件并复制生成的代理代码保存此文件,proxy-server或者proxy-server.php如果您使用的是 PHP。

回到您的.html文件中,将showResult函数替换为以下版本。

// 成功回调var showResult = function ( outputs , outputFilters ) { // 解析 JSON 响应var results = JSON . 解析(输出。响应);
    // 获取项目数组var items = results . 物品;
    // 获取第一个项目var item = items [ 0 ];
    // 获取第一项中的片段对象var snippet = item . 片段;
    // 获取标题和描述字段var title = snippet . 标题;var描述=片段。说明;
    // 打印标题和描述
    控制台。日志(标题);
    控制台。日志(描述);};

首先,我们将 JSON 文本从响应转换为 JavaScript 对象,使用JSON.parse().

接下来,我们从 JSON 中解析出我们想要的数据。查看 JSON 文件的结构有助于了解其组织方式。您应该寻找的两个主要元素是:

PHP类型 它在 JSON 文件中的显示方式
Array “姓名”: [
Object “姓名”: {

对于这些结果,我们需要搜索结果中第一个视频的标题。我们得到items数组,然后是该数组中的第一项(在索引 0 处)。然后我们想要在数组的第一项中的片段对象。最后,我们从片段对象中获取title属性。

我们还可以更紧凑地遍历解析的 JSON 结构:

var snippet = results.items[0].snippet;

现在,将您的文件放在您的 Web 服务器上并确保它正在运行。

.html在浏览器中打开您的文件。您应该会在控制台中看到您的第一个 YouTube 搜索结果的标题。

接下来是什么?

现在您应该能够使用我们的 JavaScript SDK 解析各种 JSON 响应了。查看我们库中的 2000 多个 Choreos,并找到一些令人兴奋的数据进行解析。

一旦你的代码启动并运行起来,你就可以继续前进并做更多的事情了。从监控您正在运行的应用程序,到将您生成的 Temboo 代码移动到您喜欢的开发环境并与同事、合作者和朋友共享 - 我们已经为您提供服务。

以上就是关于“js解析json对象的步骤”介绍,大家如果对此比较感兴趣,想了解更多相关知识,可以关注一下赢咖4的Java赢咖4在线学习,里面的课程内容细致全面,从入门到精通,很适合没有基础的小伙伴学习,希望对大家能够有所帮助哦。

提交申请后,顾问老师会电话与您沟通安排学习

免费课程推荐 >>
技术文档推荐 >>