انتقل إلى محتوى الدرس

Escaping Braces for JavaScript Views تجاهل الأقواس لأطر عمل JavaScript

طباعة البيانات بأمان مع الحماية التلقائية من ثغرات XSS عبر {{ }} وفهم خطورة الطباعة الخام {!! !!} مع مدخلات المستخدم.
1 صفوف تعليمية
إطار العمل Laravel
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم أطر الواجهة الأمامية مثل Vue الأقواس المزدوجة أيضاً، ولمنع Blade من محاولة ترجمتها نضع رمز @ قبلها مثل @{{ item.name }} أو نستخدم كتلة @verbatim. وعند تمرير مصفوفات PHP إلى كود JavaScript، استخدم دائماً دالة Js::from لضمان التشفير الآمن.

  • تجاهل تعبير مفرد (@{{ }} Syntax): وضع علامة @ قبل الأقواس يجعل Blade يتركها كما هي لإطار JavaScript.
  • تجاهل كتلة كاملة (@verbatim Block): يحمي منطقة كاملة من القالب تحتوي على عدة متغيرات خاصة بالواجهة الأمامية.
  • تحويل آمن للبيانات (Js::from): يحول مصفوفات PHP إلى كائنات JavaScript مع تعقيم الرموز الخاصة بالكامل.
PHP
<div id="app">
    <span>@{{ clientSideTitle }}</span>
</div>
<script>
    const settings = {{ Js::from($chartSettings) }};
</script>