|
 |
| |
หนูคิดว่าน่าจะใช้จาวาสคริป แต่โค๊ดไงไม่รู้ค่ะ จากรูปที่ให้ดูเนี้ยค่ะ คือว่าหนู อยากคลิก ชื่อ สายพันธุ์สุนัข |
| |
 |
|
|
 |
 |
|
ผมว่าน่าจะใช้ ajax นะ
|
 |
 |
 |
 |
| Date :
2009-12-17 22:51:42 |
By :
naskw |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ใช้ จาวาสคริปได้ไหมอะค่ะ คือว่า ajax หนูไม่เข้าใจอะคะ
|
| |
|
|
| |
| Date :
2009-12-18 14:00:54 |
By :
SAUACTH |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ตัวอย่างครับ
เอามาจากที่นี่หละมั้ง หาลิ้งให้ไม่เจอ
search_ajax.php
Code (PHP)
<html>
<head>
<title>drinker</title>
</head>
<script language="JavaScript">
var HttPRequest = false;
function doCallAjax(Search) {
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 = 'search_db_ajax.php';
var pmeters = 'mySearch='+Search;
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>
<body Onload="JavaScript:doCallAjax('');">
<h1>My Customer</h1>
<form name="frmMain">
เปลี่ยนจาก text เปน dropdownlist อย่างที่อยากได้ละกานครับ แล้วเปลี่ยน event เปน onchange มั้ง
Search <input type="text" name="txtSearch" id="txtSearch" onKeyUp="JavaScript:doCallAjax(document.getElementById('txtSearch').value);">
<br><br>
<span id="mySpan"></span>
</form>
</body>
</html>
search_db_ajax.php
Code (PHP)
<?php
$strSearch = $_POST["mySearch"];
$objCon = mysql_connect("localhost","","") or die("Error Connect Database");
$objDB = mysql_select_db("artdrinker");
$strSQL = "SELECT * FROM customer WHERE CustID LIKE '%".$strSearch."%' ";
$objQuery = mysql_query($strSQL) or die ("Error Query [".$strSQL."]");
?>
<table width="600" border="1">
<tr> <th width="91"> <div align="center">ID</div></th>
<th width="98"> <div align="center">Name</div></th> </tr>
<?
while($objRst = mysql_fetch_array($objQuery)){
?>
<tr> <td><div align="center"><?=$objRst["CustID"];?></div></td>
<td><?=$objRst["CustName"];?></td> </tr>
<? } ?>
</table>
|
| |
|
|
| |
| Date :
2009-12-18 14:24:54 |
By :
Sek-Artdrinker |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
