يقوم مقتطف التعليمات البرمجية هذا بتعيين قيمة الرمز الجغرافي[1] إلى متغير JavaScript myGeocode. لاحظ أنه يمكنك الوصول إلى أي متغير تم تمريره إلى القالب باستخدام بناء الجملة هذا، بغض النظر عن موضعه داخل مستند HTML.

بالنسبة لهياكل البيانات الأكثر تعقيدًا مثل القوائم، يمكنك استخدام وظيفة join () لإنشاء فاصلة -سلسلة مفصولة وتمريرها كمصفوفة إلى JavaScript. إليك مثال:

","image":"http://www.luping.net/uploads/20241031/17303529736723174db91a0.jpg","datePublished":"2024-10-31T15:31:14+08:00","dateModified":"2024-10-31T15:31:14+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"إذا أراد العامل أن يؤدي عمله بشكل جيد، فعليه أولاً أن يشحذ أدواته." - كونفوشيوس، "مختارات كونفوشيوس. لو لينجونج"

كيف يمكنني تمرير بيانات محددة من قاموس Flask إلى JavaScript داخل قالب HTML؟

تم النشر بتاريخ 2024-10-31
تصفح:346

How can I pass specific data from a Flask dictionary to JavaScript within an HTML template?

تمرير البيانات من Flask إلى JavaScript في القوالب

يستخدم تطبيقك واجهة برمجة التطبيقات لاسترداد البيانات المخزنة في القاموس. هدفك هو تمرير معلومات محددة، وهي إحداثيات خطوط الطول والعرض، من هذا القاموس إلى JavaScript داخل العرض. لفهم كيفية تحقيق ذلك، من الضروري فهم عملية Flask لتمرير المتغيرات إلى القوالب.

يستخدم Flask وظيفة render_template لإرسال المتغيرات إلى القالب الذي يتم عرضه في المتصفح. باستخدام محرك قالب Jinja2، يمكن الوصول إلى هذه المتغيرات وعرضها ضمن علامة HTML.

لجعل المتغير متاحًا لـ JavaScript، يمكنك الاستفادة من قدرة Jinja2 على تضمين تعبيرات Python مباشرة في القوالب الخاصة بك. ما عليك سوى وضع اسم المتغير بين قوسين متعرجين ({{variable_name }}). على سبيل المثال، يمكنك تمرير الرمز الجغرافي إلى JavaScript باستخدام مقتطف التعليمات البرمجية التالي:

يقوم مقتطف التعليمات البرمجية هذا بتعيين قيمة الرمز الجغرافي[1] إلى متغير JavaScript myGeocode. لاحظ أنه يمكنك الوصول إلى أي متغير تم تمريره إلى القالب باستخدام بناء الجملة هذا، بغض النظر عن موضعه داخل مستند HTML.

بالنسبة لهياكل البيانات الأكثر تعقيدًا مثل القوائم، يمكنك استخدام وظيفة join () لإنشاء فاصلة -سلسلة مفصولة وتمريرها كمصفوفة إلى JavaScript. إليك مثال:

أحدث البرنامج التعليمي أكثر>

تنصل: جميع الموارد المقدمة هي جزئيًا من الإنترنت. إذا كان هناك أي انتهاك لحقوق الطبع والنشر الخاصة بك أو الحقوق والمصالح الأخرى، فيرجى توضيح الأسباب التفصيلية وتقديم دليل على حقوق الطبع والنشر أو الحقوق والمصالح ثم إرسالها إلى البريد الإلكتروني: [email protected]. سوف نتعامل مع الأمر لك في أقرب وقت ممكن.

Copyright© 2022 湘ICP备2022001581号-3