السلام عليكم.
شكراً
وعليكم السلام ورحمة الله وبركاته .
نعم بالطبع يمكنك ذلك ولكن هذا يعتمد على حجم مشروعك وما الذى تريد تنفيذه .
إذا كان الأمر بسيط يمكنك إستخدام تقنية مثل AJAX في JQuery أو أمر fetch في JavaScript للإتصال بالخادم عن
طريق API ومن ثم عرض تلك البيانات في الصفحة ولكن كما وضحت لك يجب عليك إنشاء API لإحضار البيانات .
ولكن إذا كان المشروع كبيرا فيفضل إستخدام أطر عمل مثل react و أى إطار عمل لواجهة أمامية و ذلك حيث أن أطر العمل تقوم بكل شئ نيابة عنك مثل إنشاء العناصر ووضعها في الصفحة دون تحديث والتعامل مع ال API وإرسال الطلبات وهذا للحفاظ على سرعة الموقع حيث تستخدم أطر العمل الحديثة Virtual Dom التي تسرع من عمل الصفحة حين إضافة وحذف العناصر من الصفحة .
وهذا مكون بسيط في react لإحضار البيانات من خلال API وعرضه في الصفحة
import React, { useState, useEffect } from 'react'; const DataDisplay = () => { const [data, setData] = useState(null); useEffect(() => { // استدعاء الـ API هنا fetch('https://api.example.com/data') .then(response => response.json()) .then(data => setData(data)) .catch(error => console.error('Error fetching data: ', error)); }, []); return ( <div> <h2>عرض البيانات</h2> {data ? ( <ul> {data.map(item => ( <li key={item.id}>{item.name}</li> ))} </ul> ) : ( <p>جارٍ التحميل...</p> )} </div> ); }; export default DataDisplay;
التعليقات