أحدث البرامج التعليمية وتطوير الشبكة
×

PHP البرنامج التعليمي

PHP الصفحة الرئيسية PHP مقدمة PHP تثبيت PHP بناء الجملة PHP المتغيرات PHP صدى / طباعة PHP أنواع البيانات PHP سلاسل PHP الثوابت PHP مشغلي PHP If...Else...Elseif PHP Switch PHP في حين حلقات PHP لحلقات PHP وظائف PHP المصفوفات PHP فرز المصفوفات PHP Superglobals

PHP معالجة

PHP شكل معالجة PHP شكل التحقق من صحة PHP شكل مطلوب PHP شكل URL/E-mail PHP شكل كامل

PHP متقدم

PHP المصفوفات متعددة PHP التاريخ و الوقت PHP تتضمن PHP ملف معالجة PHP ملف فتح / قراءة PHP ملف إنشاء / كتابة PHP ملف تحميل PHP Cookies PHP Sessions PHP مرشحات PHP Filters متقدم PHP خطأ معالجة PHP استثناء

MySQL Database

MySQL قاعدة البيانات MySQL صلة MySQL Create DB MySQL Create الطاولة MySQL Insert Data MySQL الحصول على معرف آخر MySQL إدراج متعددة MySQL Prepared MySQL Select Data MySQL Delete Data MySQL Update Data MySQL Limit Data

PHP - XML

PHP XML موزعي PHP SimpleXML Parser PHP SimpleXML - Get PHP XML Expat PHP XML DOM

PHP - AJAX

AJAX مقدمة AJAX PHP AJAX قاعدة البيانات AJAX XML AJAX بحث حي AJAX قارئ آر إس إس AJAX صندوق الاقتراع

PHP Examples

PHP أمثلة PHP اختبار قصير PHP شهادة

PHP مرجع

PHP مجموعة PHP تقويم PHP تاريخ PHP دليل PHP خطأ PHP نظام الملفات PHP فلتر PHP FTP PHP HTTP PHP Libxml PHP بريد PHP الرياضيات PHP متفرقات PHP MySQLi PHP SimpleXML PHP خيط PHP XML PHP Zip PHP المناطق الزمنية

 

PHP - AJAX و MySQL

❮ السابق التالي الفصل ❯

AJAX يمكن استخدامها للاتصال تفاعلية مع قاعدة بيانات.

AJAX قاعدة البيانات مثال

والمثال التالي شرح كيفية صفحة على شبكة الإنترنت يمكن أن تجلب معلومات من قاعدة بيانات مع AJAX:

مثال


Person info will be listed here...

وأوضح مثال - قاعدة بيانات الخلية

جدول قاعدة البيانات التي نستخدمها في المثال أعلاه يبدو مثل هذا:

هوية شخصية الاسم الاول الكنية عمر مسقط رأس وظيفة
1 نفذ الغرفين حيوان خرافي 41 Quahog مصنع الجعة
2 لويس الغرفين حيوان خرافي 40 نيوبورت بيانو المعلم
3 يوسف سوانسون 39 Quahog ضابط شرطة
4 جلين مستنقع 41 Quahog طيار

وأوضح مثال

في المثال أعلاه، عندما يختار المستخدم شخص في القائمة المنسدلة أعلاه، وظيفة تسمى " showUser() " يتم تنفيذه.

يتم تشغيل الوظيفة الحدث onchange.

هنا هو رمز HTML:

مثال

<html>
<head>
<script>
function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else {
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
            }
        };
        xmlhttp.open("GET","getuser.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>
</head>
<body>

<form>
<select name="users" onchange="showUser(this.value)">
  <option value="">Select a person:</option>
  <option value="1">Peter Griffin</option>
  <option value="2">Lois Griffin</option>
  <option value="3">Joseph Swanson</option>
  <option value="4">Glenn Quagmire</option>
  </select>
</form>
<br>
<div id="txtHint"><b>Person info will be listed here...</b></div>

</body>
</html>
تشغيل المثال »

كود التفسير:

أولا، تحقق إذا تم تحديد أي شخص (str == "") . إذا لم يتم تحديد شخص، امسح محتويات العنصر النائب txtHint والخروج من وظيفة.

إذا تم اختيار شخص، القيام بما يلي:

  • إنشاء كائن مدعوم
  • إنشاء وظيفة ليتم تنفيذها عندما استجابة الملقم جاهزة
  • إرسال طلب الخروج إلى ملف على الخادم
  • لاحظ أن معلمة (q) يضاف إلى URL (مع محتوى القائمة المنسدلة)

وPHP الملف

صفحة على الخادم الذي دعا إليه جافا سكريبت أعلاه هو ملف PHP ودعا "getuser.php" .

رمز مصدر في "getuser.php" تشغيل استعلام ضد قاعدة بيانات MySQL، وإرجاع النتيجة في جدول HTML:

<!DOCTYPE html>
<html>
<head>
<style>
table {
    width: 100%;
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
    padding: 5px;
}

th {text-align: left;}
</style>
</head>
<body>

<?php
$q = intval($_GET['q']);

$con = mysqli_connect('localhost','peter','abc123','my_db');
if (!$con) {
    die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM user WHERE id = '".$q."'";
$result = mysqli_query($con,$sql);

echo "<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";
while($row = mysqli_fetch_array($result)) {
    echo "<tr>";
    echo "<td>" . $row['FirstName'] . "</td>";
    echo "<td>" . $row['LastName'] . "</td>";
    echo "<td>" . $row['Age'] . "</td>";
    echo "<td>" . $row['Hometown'] . "</td>";
    echo "<td>" . $row['Job'] . "</td>";
    echo "</tr>";
}
echo "</table>";
mysqli_close($con);
?>
</body>
</html>

التفسير: عند إرسال الاستعلام من جافا سكريبت لملف PHP، يحدث ما يلي:

  1. PHP يفتح اتصال إلى خادم MySQL
  2. تم العثور على الشخص الصحيح
  3. يتم إنشاء جدول HTML، مليئة البيانات، وإرسالها مرة أخرى إلى "txtHint" نائبا

❮ السابق التالي الفصل ❯