HTML使用Ajax和MYSQL + PHP將用戶信息添加到div

Question

我正在嘗試有2個單獨的div，其中一個標記為Email，第二個div命名為Number。 當用戶從下拉列表中選擇一個人時，從PHP + MySQL中檢索到的信息應添加到div中，就像單擊“添加”時將其添加到div一樣： http : //jsfiddle.net/QVUHU/84/

我被困住了，因為我不知道如何將檢索到的信息添加到2個div中，一個用於發送電子郵件，一個用於發送號碼，例如js小提琴中的一個...

下面是我的html + ajax和PHP代碼

HTML + AJAX

<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">Achau</option>
<option value="2">Ravi</option>
<option value="3">Justin</option>
</select>
</form>
<br />


<div id="txtHint">
<b><table>
<tr>
<th>Email</th>
<th>Number</th>

</tr></b></div>



</body>
</html>

PHP + MySQL

<?php
$q=$_GET["q"];

$con = mysql_connect("tghbdfg1","Userbhgins","Jpgbhfw3");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }

mysql_select_db("UserLogins", $con);

$sql="SELECT * FROM PersonInfo WHERE id = '".$q."'";

$result = mysql_query($sql);

echo " <br />";

while($row = mysql_fetch_array($result))
  {
  echo "<tr>";
  echo "<td>" . $row['Email'] . "</td>";
  echo "<td>" . $row['PNumber'] . "</td>";
  echo "</tr>";
  }
echo "</table>";

mysql_close($con);
?>

Answer 1

HTML：

<th>Email: <div id="email"></div></th>
<th>Number: <div id="number"></div></th>

JavaScript：

document.getElementById["email"].innerHTML = "Hello";
document.getElementById["number"].innerHTML = "World";

編輯：

無需在您的響應中返回html標簽。 有更好的方法可以做到這一點（JSON響應），但這是最簡單的解決方案：

while($row = mysql_fetch_array($result))
  {
  echo $row['Email'] . "|" . $row['PNumber'];
  }

Javascript：

更換

document.getElementById("txtHint").innerHTML+=xmlhttp.responseText;

帶有：

var emailPhoneArray = xmlhttp.responseText.split("|");

if(emailPhoneArray != null && emailPhoneArray.length() == 2) {
    document.getElementById["email"].innerHTML = emailPhoneArray[0];
    document.getElementById["number"].innerHTML = emailPhoneArray[1];
}
else {
    alert("Wrong response!");
}

HTML使用Ajax和MYSQL + PHP將用戶信息添加到div

問題描述

1 個解決方案

解決方案1
1 已采納 2011-10-13 18:37:02

HTML使用Ajax和MYSQL + PHP將用戶信息添加到div

問題描述

1 個解決方案

解決方案1 1 已采納 2011-10-13 18:37:02

解決方案1
1 已采納 2011-10-13 18:37:02