لدي موقعي للطقس لكن عند الخروج من المتصفح ثم فتحه تظهر نسخة قديمة من الصفحة لان الطقس الحالي يحدث كل 15 دقيقة في الموقع لكن المتصفح يحتفظ بنسخ / تحل المشكل فقط عند اعادة تحميل الموقع من قبل المستخدم مع العلم العديد من مواقع الطقس ليس بها هذه المشكلة ( انا لست مطور انا اطور موقعي بالذكاء الاصطناعي)
اريد كود او طريقة لعرض احدث نسخة من صفحة الطقس
هناك أكثر من حل، وأولهم هو منع المتصفح من عمل caching للموقع، من خلال وضع التالي في عنصر head:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0">
وحل آخر باستخدام جافاسكريبت وهو الأفضل، من خلال جلب البيانات كل فترة معينة ثم حقنها في الواجهة بواسطة جافاسكريبت كالتالي:
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>موقع الطقس</title>
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
margin-top: 50px;
}
</style>
</head>
<body>
<h1>الطقس الحالي</h1>
<div id="weather"></div>
<script>
function fetchWeather() {
const url = `https://api.weather.com/data?timestamp=$%7Bnew Date().getTime()}`;
fetch(url)
.then(response => response.json())
.then(data => {
document.getElementById('weather').innerHTML = `
<p>درجة الحرارة: ${data.temperature}°C</p>
<p>الرطوبة: ${data.humidity}%</p>
`;
})
.catch(error => console.error('Error fetching weather data:', error));
}
// تحديث البيانات كل 15 دقيقة (900000 مللي ثانية)
setInterval(fetchWeather, 900000);
// جلب البيانات عند تحميل الصفحة لأول مرة
fetchWeather();
</script>
</body>
</html>
شكرا لك الطريقة الثانية لا تصلح معي لاني استخدم php سوف احاول استخدام الطريق الأولى و تجربة مبدأ الكود الثاني باستخدام php
إذن ضع التالي في ملف .htaccess على السيرفر كالتالي:
<FilesMatch "\.(html|css|js)$"> Header set Cache-Control "no-cache, no-store, must-revalidate" Header set Pragma "no-cache" Header set Expires "0" </FilesMatch>
شكرا لك اخي لقد قمت بانشاء ملف .htaccess و ضمنت الاكواد السابقة و المشكلة حلت اريد نصيحتك بما ان لديك خبره في البرمجة حول موقعي للطقس و هل يوجد شيء يجب تعديله او اضافته في الموقع
التعليقات