Question

我有以下文字字段 -

<input type="text" name="id" id="id" tabindex="1">
<input type="text" name="name" id="name" tabindex="1"/>

和mysql数据库的截图是 -

id          name
123         John
124         Rahi

当我在第一个文本字段中插入轨道ID时，相应的学生名称应显示在第二个字段中。如何使用ajax完成？

Answer 1

试试这个：

>> Trigger onblur event (javascript function) for the first textbox.
>> Define ajax in that function to get name.
>> Show the name in textbox.

I think this is simplest way to get this.

- 感谢

Answer 2

您可以在文本框的onblur()事件上调用jquery函数。

<input type="text" name="id" id="id" tabindex="1" onblur="getname()">

编写ajax函数以获取名称：

<script>
function getname()
{
var id=$("#id").val();    // get the id from textbox
$.ajax({
        type:"post",
        dataType:"text",
        data:"id="+id,
        url:"page.php",   // url of php page where you are writing the query
        success:function(response)
        { 
            $("#name").val(response);   // setting the result from page as value of name field

        }
        });

}
</script>

并编写用于在页面中获取结果的代码，例如 page.php

$id=$_POST['id'];
$query=mysql_query("select name from table where id=$id");
$result=mysql_fetch_row($query);
echo $result[0];    // echo the name to js function
exit;

使用ajax从mysql DB检索和打印数据

2 个答案: