0Pricing
Sveltejs Academy · บทเรียน

การส่งคืนการตอบกลับ JSON

ใช้ตัวช่วย json() เพื่อส่งคืน JSON ที่มีโครงสร้างพร้อมชนิดเนื้อหาที่ถูกต้อง

การส่งคืนการตอบกลับ JSON เป็นบทเรียน Sveltejs Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน Sveltejs Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

ตัวช่วย json

ใช้ json() จาก @sveltejs/kit เพื่อส่งคืน JSON พร้อมส่วนหัวที่ถูกต้อง

import { json } from "@sveltejs/kit";
return json({ ok: true });

รหัสสถานะ

ส่งออบเจ็กต์ตัวเลือกตัวที่สองเพื่อควบคุมสถานะและส่วนหัวเพิ่มเติม

return json({ ok: false }, { status: 400 });

ส่วนหัวแบบกำหนดเอง

เพิ่ม cache-control, CORS หรือสิ่งอื่น ๆ ผ่าน headers

return json(data, { headers: { "cache-control": "max-age=60" } });

การตอบกลับด้วยตนเอง

หรือส่งคืนออบเจ็กต์ Response โดยตรง หากต้องการเนื้อหาที่ไม่ใช่ JSON

return new Response("plain text", { headers: { "content-type": "text/plain" } });

เนื้อหาที่ปลอดภัยด้านชนิดข้อมูล

เมื่อใช้ TypeScript คุณสามารถกำหนดชนิดข้อมูลของเนื้อหาการตอบกลับ เพื่อให้ผู้เรียกใช้งานได้สะดวก

การส่ง JSON แบบสตรีม

สำหรับชุดข้อมูลขนาดใหญ่ ให้ส่งข้อมูลเป็นชิ้น ๆ ในรูปแบบ JSON ที่คั่นแต่ละบรรทัด

การแบ่งหน้า

รวม nextCursor หรือข้อมูลเมทาดาทาของหน้าไว้ในการตอบกลับ เพื่อแบ่งหน้าได้อย่างเป็นระเบียบ

รูปแบบข้อผิดพลาด

ใช้โครงสร้างห่อหุ้มข้อผิดพลาดที่สอดคล้องกัน เช่น { error: { code, message } } เพื่อความชัดเจน

การแคช ETag

ตั้งส่วนหัว ETag ในการตอบกลับที่มีเนื้อหาคงที่ เพื่อเปิดใช้การแคชระดับ HTTP

การเจรจารูปแบบเนื้อหา

ใช้ส่วนหัว Accept เพื่อสลับระหว่าง JSON และรูปแบบอื่น

แนวทางปฏิบัติที่ดี

ส่งคืน JSON สำหรับ API เสมอ แม้เกิดข้อผิดพลาด ไคลเอนต์คาดหวังโครงสร้างข้อมูลที่สอดคล้องกัน

ตรวจสอบอย่างรวดเร็ว

คุณส่งคืน JSON พร้อมส่วนหัวที่ถูกต้องอย่างไร

สรุปทบทวน

ใช้ json() เพื่อส่งคืน JSON พร้อมสถานะและส่วนหัวได้อย่างสะดวก ส่งคืน Response โดยตรงสำหรับเนื้อหาที่ไม่ใช่ JSON

คำถามที่พบบ่อย

บทเรียน “การส่งคืนการตอบกลับ JSON” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “การส่งคืนการตอบกลับ JSON” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส Sveltejs Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส Sveltejs Academy มีบทเรียนทั้งหมด 4 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “การส่งคืนการตอบกลับ JSON”

ใช้ตัวช่วย json() เพื่อส่งคืน JSON ที่มีโครงสร้างพร้อมชนิดเนื้อหาที่ถูกต้อง คุณปฏิบัติ Sveltejs Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน Sveltejs Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน Sveltejs Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 4 บทเรียน

บทเรียน “การส่งคืนการตอบกลับ JSON” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน Sveltejs Academy นี้ได้ไหม

ได้ บทเรียน Sveltejs Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. +server.js: GET POST PUT DELETE
  2. Request และ RequestEvent
  3. การส่งคืนการตอบกลับ JSON
  4. การสตรีมด้วย ReadableStream
← กลับไปที่ Sveltejs Academy