जावास्क्रिप्ट, जैसा कि आपके प्रश्न में परिभाषित किया गया है, सीधे MySQL के साथ काम नहीं कर सकता है। ऐसा इसलिए है क्योंकि यह उसी कंप्यूटर पर नहीं चल रहा है।
जावास्क्रिप्ट क्लाइंट साइड (ब्राउज़र में) पर चलता है, और डेटाबेस आमतौर पर सर्वर साइड पर मौजूद होते हैं। क्वेरी करने के लिए आपको शायद एक मध्यवर्ती सर्वर-साइड भाषा (जैसे PHP, Java, .Net, या सर्वर-साइड JavaScript स्टैक जैसे Node.js) का उपयोग करना होगा।
यहां कुछ कोड लिखने का एक ट्यूटोरियल है जो PHP, JavaScript और MySql को एक साथ बांधता है, कोड ब्राउज़र और सर्वर दोनों पर चल रहा है:
http://www.w3schools.com/php/php_ajax_database.asp
और यहाँ उस पृष्ठ से कोड है। यह आपके परिदृश्य से सटीक रूप से मेल नहीं खाता है (यह एक क्वेरी करता है, और डीबी में डेटा संग्रहीत नहीं करता है), लेकिन यह आपको यह समझने में मदद कर सकता है कि यह काम करने के लिए आपको किस प्रकार के इंटरैक्शन की आवश्यकता होगी।
विशेष रूप से, उस लेख के कोड के इन बिट्स पर ध्यान दें।
जावास्क्रिप्ट के बिट्स:
xmlhttp.open("GET","getuser.php?q="+str,true);
xmlhttp.send();
PHP कोड के बिट्स:
mysql_select_db("ajax_demo", $con);
$result = mysql_query($sql);
// ...
$row = mysql_fetch_array($result)
mysql_close($con);
साथ ही, इस तरह के कोड के काम करने के तरीके के बारे में आपको जानकारी मिलने के बाद, मेरा सुझाव है कि आप अपने AJAX कॉल करने के लिए jQuery JavaScript लाइब्रेरी का उपयोग करें। . यह अंतर्निहित AJAX समर्थन की तुलना में अधिक साफ और आसान है, और आपको ब्राउज़र-विशिष्ट कोड नहीं लिखना होगा, क्योंकि jQuery में क्रॉस-ब्राउज़र समर्थन अंतर्निहित है। यहां jQuery AJAX API दस्तावेज़ ।
लेख से कोड
एचटीएमएल/जावास्क्रिप्ट कोड:
<html>
<head>
<script type="text/javascript">
function showUser(str)
{
if (str=="")
{
document.getElementById("txtHint").innerHTML="";
return;
}
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">Glenn Quagmire</option>
<option value="4">Joseph Swanson</option>
</select>
</form>
<br />
<div id="txtHint"><b>Person info will be listed here.</b></div>
</body>
</html>
पीएचपी कोड:
<?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'peter', 'abc123');
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db("ajax_demo", $con);
$sql="SELECT * FROM user WHERE id = '".$q."'";
$result = mysql_query($sql);
echo "<table border='1'>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
<th>Hometown</th>
<th>Job</th>
</tr>";
while($row = mysql_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>";
mysql_close($con);
?>
