AJAX डेटाबेस उदाहरण
AJAX का उपयोग डेटाबेस के साथ संवादात्मक संचार के लिए किया जा सकता है।
AJAX डेटाबेस उदाहरण
निम्नलिखित उदाहरण प्रदर्शित करेगा कि कैसे एक वेब पेज AJAX वाले डेटाबेस से जानकारी प्राप्त कर सकता है:
उदाहरण
Customer info will be listed here...
उदाहरण समझाया गया - शो ग्राहक () फ़ंक्शन
जब कोई उपयोगकर्ता ऊपर दी गई ड्रॉपडाउन सूची में किसी ग्राहक का चयन करता है, तो एक फ़ंक्शन showCustomer()को निष्पादित किया जाता है। समारोह घटना से शुरू हो रहा है onchange:
शो ग्राहक
function showCustomer(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
}
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
document.getElementById("txtHint").innerHTML = this.responseText;
}
xhttp.open("GET", "getcustomer.php?q="+str);
xhttp.send();
}
showCustomer()फ़ंक्शन निम्न कार्य करता है :
- जांचें कि क्या कोई ग्राहक चुना गया है
- XMLHttpRequest ऑब्जेक्ट बनाएं
- सर्वर प्रतिक्रिया तैयार होने पर निष्पादित होने के लिए फ़ंक्शन बनाएं
- सर्वर पर एक फ़ाइल के लिए अनुरोध भेजें
- ध्यान दें कि URL में एक पैरामीटर (q) जोड़ा जाता है (ड्रॉपडाउन सूची की सामग्री के साथ)
AJAX सर्वर पृष्ठ
सर्वर पर उपरोक्त जावास्क्रिप्ट द्वारा बुलाया गया पृष्ठ एक PHP फ़ाइल है जिसे "getcustomer.php" कहा जाता है।
"getcustomer.php" में स्रोत कोड डेटाबेस के विरुद्ध एक क्वेरी चलाता है, और परिणाम को HTML तालिका में देता है:
<?php
$mysqli = new mysqli("servername", "username",
"password", "dbname");
if($mysqli->connect_error) {
exit('Could not connect');
}
$sql = "SELECT customerid, companyname,
contactname, address, city, postalcode, country
FROM customers WHERE
customerid = ?";
$stmt = $mysqli->prepare($sql);
$stmt->bind_param("s", $_GET['q']);
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($cid,
$cname, $name, $adr, $city, $pcode, $country);
$stmt->fetch();
$stmt->close();
echo "<table>";
echo "<tr>";
echo "<th>CustomerID</th>";
echo
"<td>" . $cid . "</td>";
echo "<th>CompanyName</th>";
echo "<td>" . $cname
. "</td>";
echo "<th>ContactName</th>";
echo "<td>" . $name . "</td>";
echo "<th>Address</th>";
echo "<td>" .
$adr . "</td>";
echo "<th>City</th>";
echo "<td>" . $city . "</td>";
echo "<th>PostalCode</th>";
echo "<td>" .
$pcode . "</td>";
echo "<th>Country</th>";
echo "<td>" . $country .
"</td>";
echo "</tr>";
echo "</table>";
?>