|
 |
|
ผมอยากใช้SelectBox ในการเรียกข้อมูลมาแสดงผลแบบใช้ AJAX ครับ |
|
 |
|
|
 |
 |
|
Code (PHP)
ตัวเก่ามันเป็นแบบLink คับ สามารถใช้งานได้ปกติ ใช้กดลิ้ง แล้วก็ขึ้นข้อมูลใน db
แต่ผมอยากให้มันเป็น select box พอเลือก แล้วก็ขึ้นมูลที่มีอยู่ใน db แนะนำทีคับ
ไม่เคยใช้ ajax เลยด้วยคับ มือใหม่สุดๆ

test5.php
<?php
include "connectionmyi.php";
?>
<html>
<head>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(ID) {
HttPRequest = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
HttPRequest = new XMLHttpRequest();
if (HttPRequest.overrideMimeType) {
HttPRequest.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
HttPRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
HttPRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!HttPRequest) {
alert('Cannot create XMLHTTP instance');
return false;
}
var url = 'ajaxtest5.php';
var pmeters = "tID="+ID;
HttPRequest.open('POST',url,true);
HttPRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
HttPRequest.setRequestHeader("Content-length", pmeters.length);
HttPRequest.setRequestHeader("Connection", "close");
HttPRequest.send(pmeters);
HttPRequest.onreadystatechange = function()
{
if(HttPRequest.readyState == 3) // Loading Request
{
document.getElementById("mySpan").innerHTML = "Now is Loading...";
}
if(HttPRequest.readyState == 4) // Return Request
{
document.getElementById('mySpan').innerHTML = HttPRequest.responseText;
}
}
}
</script>
</head>
<body Onload="JavaScript:doCallAjax('1');">
<h1>My Content</h1>
<table width="577" border="0" cellspacing="0" cellpadding="0">
<?php
$strSQL = "SELECT * FROM user ORDER BY id ASC ";
$objQuery = mysqli_query($mysqli, $strSQL);
while($objResult = mysqli_fetch_assoc($objQuery))
{
?>
<a href="JavaScript:doCallAjax('<?php echo $objResult["ContentID"];?>');"><?php echo $objResult["ContentID"]." ".$objResult["Subject"];?></a><br>
<?php
}
?>
<?php
mysqli_close($mysqli);
?>
</td>
<td width="540" valign="top"><span id="mySpan"></span></td>
</tr>
</table>
</body>
</html>
ajaxtest5.php
<?php
include "connectionmyi.php";
$strID = $_POST["tID"];
$strSQL = "SELECT * FROM user WHERE id = '".$strID."' ";
$objQuery = mysqli_query($mysqli, $strSQL);
$objResult = mysqli_fetch_assoc($objQuery);
echo nl2br($objResult["username"]);
echo nl2br($objResult["firstname"]);
mysqli_close($mysqli);
?>
Tag : PHP, Ajax

|
|
 |
 |
 |
 |
Date :
2023-03-20 18:12:53 |
By :
tomtourism3 |
View :
377 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
|
|

|
Load balance : Server 00
|