Sveltekit &获取在HTML中使用的数据
SvelteKit是一个基于Svelte框架的全新应用框架，用于构建现代的Web应用程序。它充分利用了Svelte的响应式编程模型和编译时构建方法，提供了一种简单、高效的方式来开发具有优雅用户界面的应用。
在HTML中使用数据的方法取决于你是如何获取数据的。下面我会介绍几种常见的获取数据的方式：
- 静态数据：如果数据是静态的，不需要通过后端接口获取，你可以直接在HTML文件中定义并使用这些数据。
- AJAX请求：通过使用JavaScript的XMLHttpRequest或Fetch API等技术，你可以发送异步请求到后端API来获取数据。在HTML中，你可以使用script标签的src属性引入JavaScript文件来执行相应的请求和数据处理逻辑。
- 服务器端渲染（SSR）：在服务器端渲染应用中，你可以通过在服务器上执行数据获取逻辑，并将数据注入到HTML模板中，然后将渲染好的HTML响应发送到客户端。这样，客户端在加载HTML时就能够获取到需要的数据。
- 客户端渲染（CSR）：在客户端渲染应用中，你可以使用JavaScript框架（如Svelte）来处理数据获取和渲染。通过在JavaScript代码中发送请求并处理响应，你可以在HTML中使用获取到的数据。
根据不同的数据获取方式，你可以选择使用不同的技术和工具来实现。在SvelteKit中，你可以使用其内置的fetch函数来发送异步请求并获取数据。你可以在组件的生命周期钩子函数（如onMount）或使用async/await语法来处理数据获取和更新。
总结起来，获取在HTML中使用的数据的方法取决于数据的来源和获取方式。可以使用静态数据、AJAX请求、服务器端渲染或客户端渲染等方式来获取数据，并使用适当的技术和工具来实现。对于SvelteKit应用，你可以使用其内置的fetch函数来发送异步请求并获取数据。
相关·内容
我已经在我自己的个人项目中随意使用了SvelteKit一段时间了。我过去也使用过其他框架，如Next.js和Nuxt.js。在我正在编写的代码实际运行的这些框架中工作时，我总是感到困惑。
对于我日常工作中的一些上下文，我使用ASP.NET核心平台创建更传统的web应用程序。
在ASP.NET中，我清楚地知道我编写的代码在哪里运行。我用Razor页面编写前端标记(只是编写html的一种方式，但在其中注入C#表达式)。当浏览器请求从服务器查看页面时，服务器获取页面和它需要的任何数据，从Razor页面标记生成html，并将其发送回浏览器，将其呈现到一个漂亮的网页中--我也可以在同一个应用程序中编写h
浏览 11提问于2022-08-05得票数 2
回答已采纳
我已经获得了Bootstrap和Django的公平份额，但从未尝试过其他前端框架，如角框架、React等，并最终想尝试SvelteKit。所以我对这类东西缺乏经验和新认识。
目前，我已经设置了我的Django项目以及一个SvelteKit项目，在他们的网站上遵循这个教程。
我的问题是，我现在对如何组合Django和SvelteKit感到困惑。我只是在不同的端口上同时运行两个服务器，并将Django JSON API中的数据导入我的Svelte前端，还是有某种方法解决这个问题？我想也许有一种方法可以让我的Django应用程序从Svelte服务器为我呈现Svelte文件。我只是觉得现在真的很迷茫，
浏览 19提问于2022-06-05得票数 2
回答已采纳
1回答
我想用Svelte/Kit创建一个网站，并使用JWT。我在互联网上找到了一些说明，例如: SvelteKit身份验证 SvelteKit会话身份验证使用Cookies ，但遗憾的是没有关于SvelteKit和JWT的说明。所以我自己试过了。
令牌在端点处生成，但不会到达页面(或不可调用)。我怀疑标题中的某些设置是错误的，但无法确定是什么错误。这是我高度简化的测试环境：
(1)我从页面login.js调用端点index.svelte。对于测试，我省略了检查电子邮件和密码，并立即发送回JWT。数据到达，但我没有看到JWT。
(2) JWT应该发送到另一个端点。做这件事最好的方法是什么？
“页面”i
浏览 0提问于2021-04-23得票数 1
回答已采纳
我现在正在潜入Svelte(工具包)的世界，我现在需要一些帮助来做我的决定。
我将使用Svelte作为后端，因此我尝试从Flask (类似于中)提供服务，而且在开始时，它看起来很好。
但是我更喜欢Sveltekit而不是Svelte，所以我试着用和烧瓶一样的方式来服务Sveltekit，但是我只在页面上看到了"%svelte.head% %svelte.body%"文本。我需要改变什么？
为什么要用酒瓶而不是斯维特来供应斯维特基特呢？例如，我更喜欢Sveltekit的路由，而不是Svelt。但是，我看不到使用终结点的点，因为我可以直接从.svelte页面获取Flask，而不是将
浏览 13提问于2022-04-13得票数 1
回答已采纳
我想接受其他应用程序对我的Angular应用程序的post请求。
基本上，他们将发送客户id列表作为POST有效负载，我必须在我的angular应用程序和渲染GUI中处理它。
我尝试在app.js中遵循app.post方法，但它抛出错误"Cannot do POST“
app.post('/customer', function (req, res) {
console.log(req.body);
});
这是一个有点尴尬的要求，因为Angular是JavaScript框架，它不接受post请求，因为post请求只需要在服务器端处理，而不需要在客户端处理。
但
浏览 2提问于2019-06-18得票数 4
SvelteKit为多页应用程序提供了一个“框架”，其中两个特性对我来说特别有趣：( 1)路由系统(src/page)；( 2)服务器端呈现。
我的问题是: SvelteKit是否依赖NodeJS？我使用Go作为后端服务器，它可以很好地处理VueJS前端。我只需将webpack ( dist文件夹)的输出复制到go源代码树中，并将其编译成单个可执行文件。
这适用于SvelteKit吗？
编辑
背景:我主要是一个围棋程序员。在我了解Svelte之前，我纯粹使用Bootstrap + vanilla进行前端开发。我试过VueJS，但放弃了。这个问题的目的是要问：是值得学习SvelteKit还是只学
浏览 15提问于2022-05-30得票数 3
回答已采纳
1回答
我们使用Svelte已经有一段时间了，现在我们正在引入内容。我们希望继续使用Svelte的应用程序，但是所有的文档都表明我们必须使用SvelteKit。
有人成功地使用了Svelte来满足吗？如果是这样的话，你有什么建议/症结/例子可以帮助吗？
谢谢!
浏览 2提问于2022-11-10得票数 1
2回答
SvelteKit中的SSR解释
、、、、
最近，我开始通过SvelteKit与Svelte合作，我对这个框架有几个问题，在源代码/文档中找不到任何直接的答案：
SvelteKit有SSR，它在文档中说：
当您需要从外部API请求数据时，所有服务器端代码(包括端点)都有获取的权限。
除了端点之外，服务器端呈现的是什么代码?它是如何决定这一点的？来自svelte页面的脚本的所有代码都运行在客户机上，还是其中一些代码运行在服务器上？
为了在本地使用，您需要一个适配器，还是svelte自己启动服务器？
例如，是如何在生产环境中工作的，比如Netlify。netlify适配器是否用于SSR (在netlify函数
浏览 6提问于2021-06-25得票数 17
4回答
现在，我正在为一个简单的跨平台移动应用程序选择技术。目标系统基本上是iOS、Windows 7.5和Windows8。在第一步，它将是一个本地无线局域网应用程序。
有一些现有的服务器(使用.net / WCF)拥有我想要显示的所有数据。该应用程序将每隔几秒钟轮询一次，并对数据进行实时查看。我不会直接访问数据服务器，但必须在两者之间创建自己的应用服务器。
对于客户机，我选择了HTML5、CSS、JavaScript (JQuery)方法来使其在任何现代浏览器中运行。所以我得通过http联系。
我的问题是，我的应用程序的服务器端使用哪种技术。我必须接收http请求，从另一个服务器获取数据(最多是通
浏览 7提问于2012-03-08得票数 9
回答已采纳
在当前的设置中，我正在构建多页通用web应用程序(使用react-router在服务器和客户端上进行路由)。这个项目不使用任何(redux)存储(我认为现在没有必要)。
负责从远程API获取数据的组件之一，在componentWillMount方法中完成。
在服务器端渲染时，组件将读取数据，进行渲染，并将渲染后的HTML发送到客户端。
当客户端使用ReactJS挂载HTML时，它会再次从componentWillMount方法中获取数据。这是导致不必要双重数据获取的原因。
它有什么解决方案吗？
浏览 19提问于2016-08-12得票数 2
4回答
Grails线程
、、
我正在尝试通过使用线程化应用程序来减少阻塞IO处理。基本上，我希望在后台处理信息时向用户返回一个响应。有谁能给我指个方向吗？请迫切需要一个解决方案。
提前感谢
-Additional评论
我正在构建一个前端web应用程序，发送json数据到服务器进行保存。我希望在用户不必等待数据库事务的情况下将响应发送回用户。该操作随后将在后台执行。
浏览 4提问于2011-07-08得票数 1
回答已采纳
7回答
我正在做一个AJAXy项目(Dojo和Rails，如果细节很重要的话)。有几个地方用户应该能够对结果进行排序、分组和过滤。也有一些地方，用户填写一个简短的表单，结果项被添加到同一页上的列表中。
非AJAXy实现工作得很好--视图层服务器端已经知道如何呈现这些东西，所以它可以按不同的顺序或使用额外的元素再次呈现。然而，这给服务器增加了很多负担。
因此，我们切换到从服务器发送JSON，并在客户端进行大量(重新)渲染。缺点是现在我们有重复的代码来呈现每个页面:一次在Rails中，为此而构建，一次在Dojo中，而不是在Dojo中。后者基本上就是字符串连接。
所以问题一:有没有一个好的Javascrip
浏览 1提问于2008-12-07得票数 3
回答已采纳
SvelteKit v1.0.0-next.324
我有一个SvelteKit组件，可以在我的应用程序中的多个地方使用，它需要从我的一个端点获取自己的数据。
我读到的声明，我不能有一个load函数，除非是一个页面。假设我不能将它变成一个页面并将其导入另一个页面，那么我需要能够自己将数据提取到这个组件中。
<script lang="ts">
import { onMount } from 'svelte'
import type { Aircraft } from '$lib/models'
let aircrafts: Air
浏览 42提问于2022-06-10得票数 0
回答已采纳
在这里，我将与svelte教程一起学习：
本质上，它包括App.Svelte文件和fetch.js导入文件。
import { writable } from 'svelte/store'
export default function (url) {
const loading = writable(false)
const error = writable(false)
const data = writable({})
async function get() {
loading.set(true)
浏览 10提问于2022-09-07得票数 0
我是新来的JS。我找到了一个，但在其他方面。我的问题是:与发送行html作为响应相比，Express上的模板Jade的差异或aventage是什么。我的意思是:为什么我会在快车上使用一个模板玉：
app.set('view engine', 'jade');
app.get('/', function (request, response) {
response.render('index');});
如果我可以直接发送html文件作为响应：
app.get('/', function (request, r
浏览 3提问于2015-04-23得票数 2
回答已采纳
3回答
我用Svelte制作了一个应用程序，现在我想把它移植到SvelteKit。我的应用程序使用window和document对象，但它们在SSR中是不可用的。首先，它抛出了ReferenceError: window is not defined，但我通过检查应用程序是否在浏览器中运行来解决这个问题。但正因为如此，我的应用程序无法工作。
我很乐意得到帮助。
谢谢。
浏览 26提问于2022-05-15得票数 6
回答已采纳
2回答
我试图了解SvelteKit是如何在不同的场景中呈现我的web应用程序的，我对load()感到有点困惑。
我创建了一个带有load函数的页面，该函数调用外部API，并将响应用作组件的支柱。在.svelte-kit/output/prerendered/pages/mypage.html中，我可以看到它在构建步骤中获取了数据，并使用响应预先录制了我的html。
然后，当我导航到web应用程序中的页面时，网络选项卡告诉我，它在呈现外部API之前调用了它。那么，预录制有什么意义呢？
SvelteKit文档说：
定义页面或布局的组件可以导出在创建组件之前运行的加载函数。此函数在服务器端呈现和客户端运行
浏览 1提问于2022-08-04得票数 2
回答已采纳
假设我有一个页面来显示一些虚构的人的信息，它从某个数据库加载动态数据。
在/person/id.svelte目录中使用SvelteKit创建文件夹和文件是一种典型的方法，如下所示：
然而，我想要基于不同参数的信息嵌套段塞，例如/country/city/street/name。
然后，我有一个数组的“人”在js，我可以匹配这些子弹对，获得正确的id和正确的苗条组件，以渲染人，例如。person.svelte.
编辑
在同一个项目中，我可能有其他类别和不同深度的嵌套，类似于：carcompany/navigation/navigation/car/model
/Edit
这个是可能的吗？
浏览 2提问于2022-04-01得票数 0
1回答
我有表单数据，我用一个POST请求发送到我的端点，并且我尝试用傀儡机创建一个PDF，并将它作为响应发送回来。
我的/generate端点代码
import { launch } from 'puppeteer';
export async function post({ request }) {
const browser = await launch({
headless: true
});
const page = await browser.newPage();
const html = `<div>Test
浏览 8提问于2022-07-14得票数 1
回答已采纳
1回答
我正在使用svelteKit和django rest框架构建一个应用程序。SvelteKit负责呈现HTML (SSR)，django rest框架负责提供restful。
应用服务器和浏览器都将fetch我的restful。我希望通过添加授权来保护我的restful。在阅读了一些文档之后，我计划使用OAuth2(django-oauth2-tookit)，并绘制如下图表：
但我对以下问题感到困惑：
我可以使用Authorization Code授权流的应用服务器，但是浏览器呢？
我能否将auth服务器和restful服务器分开，如果是，那么auth服务器如何保护restful服务器
浏览 13提问于2022-01-16得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
