Ajax表单提交并提交按钮

Question

我有表单，提交时（使用AJAX）返回一堆客户端详细信息。表单字段收集用户的ID，提交并返回结果。我想使用提交按钮而不是文本框上的onchange，但无法提交文本框的值并返回任何内容。

这看起来应该很简单，但我再次需要一些帮助。

感谢， @rrfive

形式：

<form> 
<strong>Client ID:</strong> 
<input name="user" type="text" class="textBox" maxlength="10" /> 
<input type="submit" onclick="showUser(this.form); return false;"> 
</form> 

JS：

<script type="text/javascript"> 
function showUser(str) 
{ 
if (str=="") { 
    document.getElementById("txtHint").innerHTML=""; 
    return; 
    } 
if (window.XMLHttpRequest) { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange=function() 
    { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText; 
    } 
    } 
xmlhttp.open("GET","includes/fetchUser.php?userID="+str,true); 
xmlhttp.send(); 
} 
</script> 

PHP：

<?php 
define('INCLUDE_CHECK',true); 
include 'config.php'; 

$userID=$_GET["userID"]; 
$sql="SELECT * FROM users WHERE ID = '".$userID."'"; 
$result = mysql_query($sql); 

$returned_rows = mysql_num_rows ($result); 

    if ($returned_rows == 0){ 
     echo '-- No results found --'; 
    } 
    else { 
     while($row = mysql_fetch_array($result)) { 
     echo "<div class='column'>"; 
     echo '<label>Name:</label>' . $row['lastName'] . ' 
     echo '</div>'; 
     } 
    } 

mysql_close($con); 
?> 

Answer 1

你并不需要在整个传递形式，只是“用户“输入。

形式：

<form name="myform"> 
<strong>Client ID:</strong> 
<input name="user" type="text" class="textBox" maxlength="10" /> 
<input type="submit" onclick="showUser(document.myform.user.value); return false;"> 
</form> 

在你的PHP，请记住，你需要在数据库中查询使用前净化输入。请阅读mysql_real_escape_string或prepared statements

Answer 2

<form onsubmit="return false;">