في هذا السياق، يظهر أنك تبحث عن طرق لتحديث نتائج استعلام قاعدة البيانات باستخدام Ajax عبر تحديد قيمة من قائمة منسدلة. هذا يعتبر تحدياً بسيطاً يمكن تحقيقه باستخدام تقنية Ajax ولغة PHP. دعني أوضح لك كيفية البداية في هذا الموضوع.
أولاً وقبل كل شيء، يجب عليك تضمين مكتبة jQuery إذا لم تكن قد قمت بذلك بالفعل، حيث تسهل jQuery استخدام Ajax. يمكنك تضمينها في صفحتك HTML كالتالي:
html<script src="https://code.jquery.com/jquery-3.6.4.min.js">script>
ثم، يمكنك إضافة كود JavaScript للتعامل مع تحديثات القائمة المنسدلة وإرسال طلب Ajax. فيما يلي مثال بسيط:
htmlhtml>
<html lang="ar">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.6.4.min.js">script>
<title>تحديث النتائج باستخدام Ajaxtitle>
head>
<body>
<h1>تحديث النتائج باستخدام Ajaxh1>
<select id="limitDropdown">
<option value="8">8 نتائجoption>
<option value="12">12 نتائجoption>
select>
<div id="resultsContainer">
div>
<script>
$(document).ready(function(){
// استمع لتغيير قيمة القائمة المنسدلة
$("#limitDropdown").change(function(){
// احصل على القيمة المحددة
var selectedLimit = $(this).val();
// أرسل طلب Ajax إلى ملف PHP لتحديث النتائج
$.ajax({
type: "POST",
url: "update_results.php", // يجب استبداله بملف PHP الخاص بك
data: { limit: selectedLimit },
success: function(response){
// عرض النتائج في العنصر المحدد
$("#resultsContainer").html(response);
}
});
});
});
script>
body>
html>
بموجب هذا السيناريو، عندما يقوم المستخدم بتحديد قيمة في القائمة المنسدلة، يتم إرسال طلب Ajax إلى ملف PHP (في هذا المثال هو “update_results.php”) مع الحد الجديد المحدد. يمكنك تعديل هذا الملف لتحديث نتائج الاستعلام في قاعدة البيانات بناءً على القيمة الجديدة ومن ثم إرسال النتائج المحدثة إلى الصفحة الرئيسية.
المزيد من المعلومات
بالطبع، سأقدم لك المزيد من المعلومات لفهم أعمق حول كيفية تحقيق هذا السيناريو.
أولاً وقبل كل شيء، يجب أن يكون لديك ملف PHP (في هذا المثال يسمى “update_results.php”) الذي يقوم بتحديث نتائج الاستعلام بناءً على الحد الذي تم اختياره من القائمة المنسدلة. إليك مثال بسيط عن كيفية تنفيذ ذلك:
php
// استقبال القيمة المحددة من Ajax
$selectedLimit = isset($_POST['limit']) ? $_POST['limit'] : 8;
// اتصال بقاعدة البيانات (يفترض وجود اتصال سابق)
$servername = "اسم الخادم";
$username = "اسم المستخدم";
$password = "كلمة المرور";
$dbname = "اسم قاعدة البيانات";
$conn = new mysqli($servername, $username, $password, $dbname);
// التحقق من اتصال قاعدة البيانات
if ($conn->connect_error) {
die("فشل الاتصال: " . $conn->connect_error);
}
// استخدام القيمة المحددة لتحديث نتائج الاستعلام
$sql = "SELECT * FROM اسم_الجدول LIMIT $selectedLimit";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// عرض النتائج بشكل HTML (يمكنك ضبط هذا حسب احتياجاتك)
while($row = $result->fetch_assoc()) {
echo "" . $row['اسم_الحقل'] . "
";
}
} else {
echo "لا توجد نتائج
";
}
// إغلاق اتصال قاعدة البيانات
$conn->close();
?>
يرجى تغيير “اسم_الخادم” و”اسم المستخدم” و”كلمة المرور” و”اسم قاعدة البيانات” و”اسم_الجدول” و”اسم_الحقل” حسب بيانات قاعدة البيانات الخاصة بك.
يمكنك أيضًا تخصيص الكود ليتناسب مع هيكل قاعدة البيانات الخاصة بك وعرض النتائج بالطريقة التي تناسب متطلبات تطبيقك.
باستخدام هذا الأسلوب، يمكنك تحقيق تحديث نتائج الاستعلام بسهولة باستخدام Ajax عبر اختيار القيمة المناسبة من القائمة المنسدلة، مما يسهل على المستخدمين تصفح وتخصيص النتائج وفقًا لاحتياجاتهم.
