توجيه use:enhance
حسّن عمليات إرسال النماذج تدريجيًا باستخدام fetch من جهة العميل، دون إعادة تحميل كاملة
توجيه use:enhance درس مجاني في Sveltejs Academy على CoddyKit. هذا هو الدرس 2 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Sveltejs Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
التحسين التدريجي
تعمل النماذج من دون JavaScript؛ وتعمل use:enhance على ترقيتها إلى عمليات إرسال تعتمد على fetch لتوفير تجربة استخدام سريعة وسلسة.
استيراد enhance
من $app/forms.
import { enhance } from "$app/forms";التطبيق على نموذج
استخدم التوجيه use: على عنصر النموذج.
<form method="POST" use:enhance>...</form>من دون إعادة تحميل
لا تُعاد تحميل الصفحة. يرسل SvelteKit النموذج عبر fetch، ويعالج الإجراء، ثم يحدّث الصفحة تفاعليًا.
معالج مخصص
مرّر دالة رد نداء إلى enhance للتحكم الدقيق في عملية الإرسال.
<form use:enhance={({ formData }) => {
return ({ result }) => { /* custom handling */ };
}}>السلوك الافتراضي
من دون دالة رد نداء، يعيد enhance التوجيه أو يحدّث البيانات تمامًا كما يحدث عند إرسال الصفحة كاملة.
حالة التحميل
تتبّع حالة الإرسال باستخدام متغير محلي داخل دالة رد النداء لعرض مؤشرات التحميل.
التعافي من الأخطاء
تظهر الأخطاء التي يعيدها الإجراء في خاصية form بالصفحة.
واجهة المستخدم التفاؤلية
حدّث الحالة المحلية داخل دالة رد النداء قبل استجابة الخادم لتوفير ملاحظات فورية.
نماذج متعددة
يمكن لكل نموذج أن يمتلك سلوك enhance الخاص به. ولا حاجة إلى حالة عامة.
لماذا يهم ذلك
تحصل على متانة نماذج HTML وسلاسة تطبيقات SPA باستخدام توجيه واحد.
تحقق سريع
ماذا تفعل use:enhance؟
مراجعة
ترتقي use:enhance بالنماذج الأصلية إلى عمليات إرسال من جانب العميل. ويمكن تخصيصها عبر دالة رد النداء.
تعلم HTML مع معلم ذكاء اصطناعي — مجانًا
اكتب وقم بتشغيل أكوادك الفعلية في المتصفح، واحصل على مساعدة فورية من معلم ذكاء اصطناعي متاح 24/7، واستمر من حيث توقفت على الويب أو في التطبيق.
- الدورات
- 41
- الدروس
- 163
الأسئلة الشائعة
هل درس «توجيه use:enhance» مجاني؟
نعم — نص درس «توجيه use:enhance» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Sveltejs Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Sveltejs Academy 4 دروس في المجموع.
ماذا ستتعلم في «توجيه use:enhance»؟
حسّن عمليات إرسال النماذج تدريجيًا باستخدام fetch من جهة العميل، دون إعادة تحميل كاملة تتمرن على Sveltejs Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Sveltejs Academy؟
لا تُشترط خبرة سابقة. Sveltejs Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 2 من أصل 4.
كم من الوقت يستغرق درس «توجيه use:enhance»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Sveltejs Academy هذا؟
نعم. كل درس في Sveltejs Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- +page.server.js مع الإجراءات
- توجيه use:enhance
- التحسين التدريجي للنماذج
- معالجة أخطاء التحقق في الإجراءات