javascript - 获取数据并使用ajax将其显示在文本框中

Question

正如您所看到的，我当前的代码不起作用，我需要你们的帮助...我想在我的搜索(文本框)中进行过滤并显示在相应的文本框中过滤的数据...任何人都可以帮助我的代码工作??我已经在谷歌上寻找了几个小时，寻找与我的程序相同的想法，但我找不到任何帮助。

预期输出示例:

html代码:

<form method="post">
Search batchcode: <input type="text" id="query" /><br />
<table>
<tr>
<td>
ID: <br />
<input id="result" type="text" name="id1" /> <br />
<input id="result" type="text" name="id2" /> <br />
</td>
<td>
Name: <br />
<input id="result" type="text" name="name1" /> <br />
<input id="result" type="text" name="name2" /> <br />
</td>
<td>
Score 1: <br />
<input id="result" type="text" name="optA1" /> <br />
<input id="result" type="text" name="optA2" /> <br />
</td>
<td>
Score 2: <br />
<input id="result" type="text" name="optB1" /> <br />
<input id="result" type="text" name="optB2" /> <br />
</td>
<td>
Other Qualification: <br />
<input id="result" type="text" name="other_qual1" /> <br />
<input id="result" type="text" name="other_qual2" /> <br />
</td>
<td>
Interview: <br />
<input id="result" type="text" name="interview1" /> <br />
<input id="result" type="text" name="interview2" /> <br />
</td>
<td>
Total: <br />
<input id="result" type="text" name="total1" /> <br />
<input id="result" type="text" name="total2" /> <br />
</td>
</tr>
</table>
</form>

脚本函数:

<script type="text/javascript">
$(document).ready(function(){

$('input[name^=search]').click(function(e){
e.preventDefault(); 
$.ajax({
url:"search.php",
type:"POST",
data : { term : $('#query').val() },
dataType:json,
success : function(result) {
alert(result);
            }
        });
    })
});      
</script>

search.php 页面:

<?php

$q = $_GET['term'];

mysql_connect("localhost","root","");
mysql_select_db("test");
$query = mysql_query("SELECT * FROM score WHERE batchcode LIKE '$q%'");

$data = array();
while($row = mysql_fetch_array($query)){
$data[]=array('value'=>$row['batchcode']);
        $id[] = $row['id'];
        $name[] = $row['name'];
        $score1[] = $row['score1'];
        $score2[] = $row['score2'];
        $other_qual[] = $row['other_qual'];
        $interview[] = $row['interview'];
        $total[] = $row['total'];
}
echo json_encode($data);
?>

Answer 1

没有任何“搜索”按钮可以单击处理程序。尝试在搜索输入后添加按钮，如下所示:

Search batchcode: <input type="text" id="query" /><br />
<input type="button" id="search" value="Search"/>