SwiftUI——获取网站api中的JSON,并且显示其中的文本

news/2024/5/17 11:28:16/文章来源:https://blog.csdn.net/qq_33919450/article/details/122871696

这是开发中非常常见的使用场景。

首先,我们需要知道要获取的json是什么样的,有两种方式得知:

第一,查询API文档
一般在网站API文档中会介绍,如下:
请添加图片描述

第二种,通过使用crul -H获取
这种方法需要使用到终端,上图也介绍了这个方式,如下:

$ curl -H "Accept: application/json" https://icanhazdadjoke.com/
{"id": "R7UfaahVfFd","joke": "My dog used to chase people on a bike a lot. It got so bad I had to take his bike away.","status": 200
}

在我们知晓获取的JSON的格式之后,我们开始敲代码,首先头文件需要添加import Combine,完整头文件如下:

import SwiftUI
import Combine

然后,我们需要新建一个结构体来解读存放JSON格式的内容。以上面获取的为例,此JSON每条数据有三个元素组成:

  1. id:需要注意这里的id是字符串类型。但是有的id是UUID类型。
  2. joke:很显然这是字符串类型。
  3. status:整数类型。

然后我们写如下结构体(需要注意类型千万不能写错,不然会解码错误):

//如果获取的JSON文件中含有多条,我们也打算存放到一个数组中,这里需要加上Identifiable
struct Joke: Codable {var id: Stringvar joke: Stringvar status: Int
}

然后我们用刚写好的Joke类型创建一个变量来获取和存储解码后的数据,内容全是空或0(你也可以根据需要添加合适的占位词)。并且出于方便,我直接写到视图的结构体中。
需要注意的是,演示中每次只获取了一条数据,我们可以使用单独的一个变量存放,每次刷新。但是平时我们更常使用数组来存放,如果这里使用数组存放的话,赋值的时候记得使用append而不是=。如果获取的JSON本身就包含好多条数据,那么还是用=

@State private var jokes: Joke = Joke(id: "", joke: "", status: 0)

然后就是写一个函数来获取、解码和存储JSON数据了(由于需要使用上面我们新建的变量,所以要把这个函数和变量放在同一个struct或者class中),如下:

func getJoke() {//设置需要获取的网址let url = URL(string: "https://icanhazdadjoke.com/")!//请求网址var urlRequest = URLRequest(url:url)//请求获取的类型是application/json(也就是JSON类型)urlRequest.addValue("application/json",forHTTPHeaderField: "Accept")//检查获取到的数据URLSession.shared.dataTask(with: urlRequest) { data, response, error indo {//将数据赋值给jokeDate,并且判断数据不为空的话if let jokeData = data {//设置解码器为JSONDecoder()let decoder = JSONDecoder()//按照我们之前创建的Joke结构体的数据结构解码获取到的数据(如果我们打算放到数组中,给这里的Joke加个中括号)let decodedData = try decoder.decode(Joke.self, from: jokeData)//为了防止数据过多,加载时间过长,这里使用异步加载DispatchQueue.main.async {//将解码后的数据赋值给之前准备好的空变量self.jokes = decodedData}} else {//如果数据是空的,在控制台输出下面的文本print("No data")}} catch {print(error)}}.resume()}

下面列出完整代码:

import SwiftUI
import Combinestruct Joke: Codable {var id: Stringvar joke: Stringvar status: Int
}struct ContentView: View {//来获取和存储解码后的数据的Joke数据类型的变量@State private var jokes: Joke = Joke(id: "", joke: "", status: 0)var body: some View {VStack {Button("获取") {getJoke()}VStack(alignment: .leading) {Text(jokes.joke)}.onAppear(perform: {//界面出现的时候加载数据getJoke()})}}func getJoke() {//设置需要获取的网址let url = URL(string: "https://icanhazdadjoke.com/")!//请求网址var urlRequest = URLRequest(url:url)//请求获取的类型是application/json(也就是JSON类型)urlRequest.addValue("application/json",forHTTPHeaderField: "Accept")//检查获取到的数据URLSession.shared.dataTask(with: urlRequest) { data, response, error indo {//将数据赋值给jokeDate,并且判断数据不为空的话if let jokeData = data {//设置解码器为JSONDecoder()let decoder = JSONDecoder()//按照我们之前创建的Joke结构体的数据结构解码获取到的数据(如果我们打算放到数组中,给这里的Joke加个中括号)let decodedData = try decoder.decode(Joke.self, from: jokeData)//为了防止数据过多,加载时间过长,这里使用异步加载DispatchQueue.main.async {//将解码后的数据赋值给之前准备好的空变量self.jokes = decodedData}} else {//如果数据是空的,在控制台输出下面的文本print("No data")}} catch {print(error)}}.resume()}
}struct ContentView_Previews: PreviewProvider {static var previews: some View {ContentView()}
}

这里是为了方便演示,所以写在一起了。一般情况下,我们需要新建一个swift文件来存放struct、请求获取和解码部分的代码。

希望能帮到有需要的人~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_782095.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[基础常识]阿里云ecs从购买到环境搭建和建站!!(phpstudy一件包)

首先如何购买ECS?发现有些人购买5G硬盘,我个人认为买硬盘应该购买20以上!这样以后好处理! 进入http://www.aliyun.com/product/ecs/?spm5176.7189909.201.2.CVdddr 点击后面后选择配置,你也可以选择镜像市场&…

如何使用Jekyll在GitHub Pages上搭建网站(个人博客)

前言 本文很长,建议使用侧边栏进行跳转。 Jekyll 是一个基于 Ruby 语言的,用于搭建静态网站的生成器,主要用于搭建博客网站(官方自己的介绍为:Jekyll is a blog-aware, static site generator in Ruby)。但…

使用WebDeployment Project改善VS2005发布网站问题 (三) 常见问题

一、发布后网站浏览时出现乱码(http://www.cnblogs.com/chy710)如果页面编码是gb2312,可能会有此问题,请使用utf-8编码,vs2005中打开页面切换到HTML视图,选择[文件] / [高级保存选项],选择utf-8,保存,OK。二、发现不明…

web 2.0 网站推荐

web 2.0是一个很热的话题,作为一条小网虫,自然也会凑凑这个热闹。当然了,网上讲述web 2.0的文章可谓铺天盖地了,看了那么多,看了那么久,我也没有看出个所以然来。总之,所谓2.0就是1.0的升级版呗…

png图标搜索网站

推荐一个png图标搜索网站: http://www.iconpng.com/ 能找到很多好东东,设计网站的时候帮了我不少忙

安装好IIS后发布网站

首先,进行网站发布是需要IIS支持的,此处默认已经安装好IIS,并进行了Asp.net注册过程(此步骤必需 ,因为我是先安装的 .net 环境 ,再安装的IIS)。 其次,以下步骤可以方便指导新手如何…

一些免费的WebService的服务网站(转发)

免费&#xff1a;网站首页 http://www.webxml.com.cn/zh_cn/web_services.aspx 例如&#xff1a; [新] 中文<->英文双向翻译WEB服务 获得标准数据Endpoint: http://fy.webxml.com.cn/webservices/EnglishChinese.asmx Disco: http://fy.webxml.com.cn/webservices/En…

为了打击网站被黑作弊行为,360搜索上线悟空算法2.0

我们在搜索浏览网页的时候&#xff0c;经常会出现正常网页跳转至含有色情&#xff0c;博彩等信息的恶意站点上去。这样严重影响到了用户的搜索体验&#xff0c;为了打击此类行为&#xff0c;360搜索正式上线了&#xff1a;“悟空算法2.0”网站被黑是一种较为常见的现象&#xf…

html搜索迎,老网站的域名来新建网站(保留原站内容与链接)

我们维护了一段时间网站&#xff0c;发现这个网站不是我们想要的那个样子&#xff0c;如果选择直接不要原来的内容&#xff0c;一来感觉可惜了&#xff0c;二来是不利于搜索引擎优化。今天&#xff0c;错误博客( cuowu.com )带来的是《网站的域名来新建网站(保留原站内容与链接…

极域电子教室软件怎么脱离控制_企业官网推广seo排名优化的优势?seo排名方法怎么样?...

seo排名影响的因素有很多&#xff0c;在做排名优化的时候&#xff0c;我们需要对相关的排名方法进行充分的了解&#xff0c;比如seo排名优化的优势有哪些?seo排名方法怎么样?下面就跟宝丞网小编一起来了解seo排名优化的优势。seo排名优化的优势seo排名优化的优势1.节省费用&a…

服务器网站打开慢跟什么有关系吗,服务器网站打开慢是什么原因 | 帮助信息-动天数据...

服务器网站打开慢是什么原因作者&#xff1a;dthost |时间&#xff1a;2018-01-02 |5,709 次阅读笔者是销售虚拟主机的&#xff0c;不管是买空间的&#xff0c;还是没有卖空间的&#xff0c;都会经常遇见反应网站慢&#xff0c;或者服务器慢的情况&#xff0c;我们下面把我们自…

java网站优化_什么是java 网站性能优化?

信息技术的发展&#xff0c;各种软件的研发&#xff0c;给我们生活带来了许多方便和乐趣。不同的软件都是不同编程语言做的&#xff0c;java也是众多编程语言的一种&#xff0c;想做好一个好的java软件&#xff0c;java 网站性能优化你应该了解。一、什么是java语言Java是一门面…

asp.net mvc2网站部署在IIS6的方法

部署环境&#xff1a; Server 2003 IIS6 1.先安装好IIS6&#xff0c;再安装.net framework 4.0和asp.net mvc 安装包(主要是里面的一个dll&#xff0c;不安装也可以&#xff0c;只需要找到这个dll&#xff0c;将mvc.dll 放入网站bin目录下&#xff0c;这个dll文件的默认路径是C…

删除 Windows Azure 网站上的标准服务器头

编辑人员注释&#xff1a; 本文章由 Windows Azure 网站团队的项目经理 Erez Benari 撰写。 请求和响应中包含的 HTTP 头是Web 服务器和浏览器之间的 HTTP 通信过程的一部分。例如&#xff0c;以下是一个典型网站上某个 Web 请求的典型响应中记录的头&#xff1a; HTTP 头是客户…

第二章:SE简单对话 【闲话家常---《SEO通俗入门精谱》】

在上一章中&#xff0c;我们谈到了当前的搜索引擎的具体工作原理&#xff0c;本章将接着上面的内容而来&#xff0c;为大家进一步阐述SE的分类&#xff0c;以及SE的未来发展方向等两方面的内容&#xff0c;以期让大家更加明确的知道SE到底是干什么的&#xff0c;以及SE在发展过…

nginx服务器实现网站的301跳转

网站不带3W的域名在访问时自动跳转到带3w的域名&#xff0c;这是做网站seo最基本的要求。nginx服务器如何做301跳转呢&#xff1f; 1.进入vhost目录&#xff1a; /usr/local/nginx/conf/vhost 这里存放的是网站的配置文件&#xff0c;找到您相应的配置文件&#xff0c;使用vi打…

如何进行网站流量分析(一)

如何进行网站流量分析&#xff08;一&#xff09; 流量分析整体来说是一个内涵非常丰富的体系&#xff0c;整体过程是一个金字塔结构&#xff1a; 金字塔的顶部是网站的目标&#xff1a;投资回报率&#xff08;ROI&#xff09;。 网站流量分析模型举例 1 网站流量质量分析&a…

如何进行网站流量分析(二)

如何进行网站流量分析&#xff08;二&#xff09; 流量分析常见分类 指标是网站分析的基础&#xff0c;用来记录和衡量访问者在网站自的各种行为。比如我们经常说的流量就是一个网站指标&#xff0c;它是用来衡量网站获得的访问量。在进行流量分析之前&#xff0c;我们先来了…

网站流量日志分析流程及架构

网站流量日志分析流程及架构 1. 数据处理流程 网站流量日志数据分析是一个纯粹的数据分析项目&#xff0c;其整体流程基本上就是依据数据的处理流程进行。有以下几个大的步骤 &#xff1a; 数据采集 数据采集概念&#xff0c;目前行业会有两种解释&#xff1a;一是数据从无…

让你的网站快速被蜘蛛抓取收录的方法

据真实调查数据显示&#xff0c;90%的网民会利用搜索引擎服务查找需要的信息&#xff0c;而这之中有近70%的搜索者会直接在搜索结果的自然排名的第一页查找自己所需要的信息。由此可见&#xff0c;目前来讲SEO对于企业和产品&#xff0c;有着难以替代的重要意义。 关于网站让引…