使用Ajax调用数据库 - 在点击时传递输入时遇到问题

时间:2011-08-02 23:51:08

标签: ajax

我对这个ajax的东西总是很棒,但我想知道如何做这样的事情: http://www.w3schools.com/php/php_ajax_php.asp

但是点击按钮就会发生事件。这是代码的副本:

<html>
<head>
<script type="text/javascript">
function showHint(str)
{
if (str.length==0)
{
 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","gethint.php?q="+str,true);
  xmlhttp.send();
  }
 </script>
 </head>
 <body>

 <p><b>Start typing a name in the input field below:</b></p>
<form>
 First name: <input type="text" onkeyup="showHint(this.value)" size="20" />
 </form>
 <p>Suggestions: <span id="txtHint"></span></p>

 </body>
 </html>

我尝试添加带有onclick的输入按钮,但我无法通过输入文本框的值传递它。

1 个答案:

答案 0 :(得分:0)

在输入字段中添加一个id并使用document.getElementById('TEXTBOXID')访问该值。值