white c letter with a black background

constt

Share Data in form element

How to share data from the frontend to the backend in a form

Tags:

svelte

typescript

form

formaction

+page.svelte

<script lang="ts">
    let randomString = 'Hello World!';
</script>

<form method="post" action="?/test">
    <button>Submit Form</button>
    <input type="hidden" value={randomString} name="randomString" />
</form>

+page.server.ts

export const actions = {
	test: ({ request }) => {
		const { randomString } = Object.fromEntries(await request.formData());

		console.log(randomString)
	}
};