دالة التحميل +page.js
صدّر دالة load لجلب البيانات أو حسابها قبل تصيير الصفحة
دالة التحميل +page.js درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
لماذا نستخدم دوال التحميل
يحتاج SvelteKit إلى معرفة البيانات التي تحتاج إليها الصفحة ليتمكن من جلبها قبل التصيير. وتوفّر دالة التحميل هذه البيانات.
موقع الملف
أنشئ +page.js بجانب +page.svelte في المجلد نفسه.
تصدير load
صدّر دالة باسم load.
export async function load({ params, fetch }) {
const res = await fetch("/api/items");
return { items: await res.json() };
}السماح بالعمليات غير المتزامنة
يمكن أن تكون دوال التحميل غير متزامنة. وينتظرها SvelteKit قبل التصيير.
البيانات المُرجعة
أي قيمة تُرجعها تُمرَّر إلى الصفحة باعتبارها الخاصية data.
استخدام fetch
استخدم fetch الذي توفّره دالة التحميل؛ فهو يتعامل مع SSR وبيانات الاعتماد بطريقة صحيحة.
الوصول إلى المعلمات
توجد معلمات المسار الديناميكي في params.
export function load({ params }) { return { slug: params.slug }; }يُشغّل أولًا من جانب الخادم
بالنسبة إلى الطلبات الأولية، تُشغّل دالة التحميل على الخادم؛ أما في عمليات التنقل اللاحقة فتُشغّل على العميل.
العالمي مقابل الخادم فقط
يُشغّل +page.js في كلا المكانين، بينما يُشغّل +page.server.js على الخادم فقط.
التخزين المؤقت
استخدم ترويسات HTTP وذاكرة التخزين المؤقت للمنصة لجعل دوال التحميل فعّالة.
البث
أرجع الوعود ضمن الخصائص المتداخلة لبث البيانات من دون حجب HTML الأولي.
تحقق سريع
ماذا تُرجع load؟
مراجعة
صدّر load من +page.js لجلب البيانات أو حسابها. وتصبح القيمة المُرجعة خاصية البيانات في الصفحة.
الأسئلة الشائعة
هل درس «دالة التحميل +page.js» مجاني؟
نعم — نص درس «دالة التحميل +page.js» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «دالة التحميل +page.js»؟
صدّر دالة load لجلب البيانات أو حسابها قبل تصيير الصفحة تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «دالة التحميل +page.js»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- دالة التحميل +page.js
- إرجاع البيانات واستخدام $page.data
- معالجة الأخطاء في load
- +page.server.js للمنطق الخاص بالخادم