Question

我目前正在使用两个页面，一个是我的Main.php，另一个是PHP代码（ajaxModule.php），以使我的AJAX工作。我也使用我制作的SQL数据库，我用它来检索数据，以便填充选择下拉列表等。我有一个文本框，用户可以在其中输入模块代码和正文下方的文本框，这样模块名称将自动填写，因此用户不必将其写出来。我可以使用下面的AJAX函数来检索正确的模块名称，但我无法将其输出到文本框中，而是我发现的唯一功能是跨越。我意识到文本框只是用于输入，但我已经找到了在文本框中输出但无法使它们工作的方法。我也尝试将我从PHP中获取的值数组传递给页面中的AJAX，然后将其返回到Main.php，以便以这种方式输出，但我似乎无法将其转换为工作要么。

以下是您在Main.php页面中需要的代码：

<div id="slide3" class = "unactiveSlide">
<form id = "requestForm">
<div id = "requestdiv">
<table>

<tr><!-- This is where the user inputs the module code and the function is called with onkeyup-->
<td><a href="#" title="Enter the module code e.g. 'COB290' i.e. Department Code followed by Part and Actual Module Code">Module Code</a></td>
<?php
echo "<td>";
echo "<input type='text' size='40' id='moduleCodeID'  onkeyup='loadXMLDoc(this.value)'/>";
echo "</td>";
?>
</tr>

<tr><!-- This is where the module name appears with the use of AJAX-->
<td><a href="#" title="The name of the module e.g. 'Team Projects'">Module Name</a></td>                    
<?php
<td><span id='moduleCodeToNameDiv'></span></td>
</tr>

</table>
</div>
</form>
</div>

这是AJAX函数，它位于此代码之上，也在Main.php中（q是我在下一页中用来传递值的变量）：

<head>
<script>
//AJAX SCRIPT FOR MODULE CODE TO MODULE NAME

function loadXMLDoc(str)
{
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("moduleCodeToNameDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","ajaxModule.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>

以下是我的AJAX文件中名为ajaxModule.php的代码：

<html>
<body>
<?php

$q = $_GET["q"];

$con = mysqli_connect('localhost','root','','team06');
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}
mysqli_select_db($con,"reqs");

$sql = "SELECT Module_Title FROM module WHERE Module_Code = '" . $q."'";
$result = mysqli_query($con,$sql);
while($row = mysqli_fetch_array($result))

{
echo $row['Module_Title'];
}
?>  
</body>
</html>

有人可以告诉我如何将其输出到文本框中吗？提前谢谢，

伊德里斯。

Answer 1

设置<input>值不要分配给innerHTML：

 Document.getElementById("xxx").value = xmlhttp.responseText;

别忘了逃避$q

在文本框中输出

1 个答案: