如何通过AJAX在数据库中发送ID(唯一)

时间:2013-09-21 09:26:21

标签: php mysql ajax jquery

我在数据库(客户表)中有3个数据显示了
我的Css - #form

#form{
position:fixed; 
width:320px;min-height:280px;
top:21%;
left:36%;
background-color:#FFF;
padding:10px 10px 20px 10px; 
border:1px solid #AAA;
display:none;
z-index:101;
-moz-border-radius: 10px;
-moz-box-shadow: 0 0 10px #aaa;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0 0 10px #aaa;
}

我从网上获得了这个代码(仅限ajax)

function loadXMLDoc()
{
var xmlhttp;
  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("myDiv").innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open("GET","test1.php",true);
xmlhttp.send();


这一个是我的桌面展示

echo "<table width=\"900\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">
    <tr>
         <td>ID</td>
         <td>First name</td>
         <td>Last name</td>
    </tr>";

$query = mysql("SELECT * FROM `reservation` WHERE `CustID` = '$custid'");
    while($row = mysql_fetch_assoc($query){
        $reserveid = $row['ReserveID'];
        $fname = $row['Fname'];
        $lname = $row['lname'];
        $age = $row['age'];

echo "<tr>
         <td>$fname</td>
         <td>$lname</td>
         <td>$age</td>
         <td></td>
         <td><input type=\"image\" src=\"form.png\" onclick=\"\" /></td>
      </tr>";


}


我的客户表有3个数据

|  ID   |  First name  | Last name  |
|   1   |    Anjon     |    Lee     |
|   2   |     Leo      |   Bisnar   |
|   3   |    Joerge    |   Enero    |



你能帮帮我吗?
通过使用while循环,我在表customer中获得了3个具有唯一ID的数据。如果我点击input loadXMLDoc() occur/tirigger
并在test2.php中发送uniqueID,并在数据库中uniqueID=ID(AJAX结果成功)时发送#form应弹出并显示记录


如果我点击第一个输入就应该

|  ID  |  First name   |  Last name  |
|   1  |    Anjon      |    Lee      |



但问题是我不知道如何发送显示数据的uniqueIDs或者我应该说我混淆了怎么做 - 通过AJAX发送它的PHP令人困惑。 请帮助我这是我们的项目

1 个答案:

答案 0 :(得分:0)

<input type=\"image\" src=\"form.png\" reserveid=$resrveid onclick=\"loadXMLDoc(this)\" />

function loadXMLDoc(obj)
{
var rid = obj.getAttribute('reserveid');
var xmlhttp;
  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("myDiv").innerHTML=xmlhttp.responseText;
}
}

xmlhttp.open("GET","test2.php?id="+rid,true);
xmlhttp.send();
}

我希望这会对你有所帮助!