รบกวนขอโค๊ดปุ่มค้นหาให้ข้อมูลแสดงในหน้าเดียวกันหน่อยค่ะ

<form>
<p>Username : <input type="text" id="user" name="user" /><span id="result">&nbsp;</span></p>
<p>ลองพิมพ์คำว่า demo,thaicreate,phpbasic ลงในช่อง Username (ทีละตัว)</p>
<p>Email : <input type="text" id="email" name="email" /></p>
<p>Display Name : <input type="text" id="displayname" name="displayname" /></p>
</form>

<script type="text/javascript">
var doKeyUp = function(event){
    var input = GEvent.element(event);

    var result = $E('result');

    result.innerHTML = '<img src="image/loadding.gif" alt="" />';

    var req = new GAjax();
    req.send('show.php' ,  'user=' + encodeURIComponent(input.value) , function(xhr) {
        result.innerHTML = '&nbsp;';
        var datas = xhr.responseText.toJSON();
        var prop, val;

        for (prop in datas[0]) {
            val = datas[0][prop];
            $E(prop).value = val;
        };
    });
}

$G('user').addEvent('keyup', doKeyUp);
</script>

<?php
    header("content-type: text/html; charset=UTF-8");


    $users = array('demo', 'thaicreate','phpbasic');
    $emails = array('[email protected]', '[email protected]');
    $displaynames = array('thaicreate', 'phpbasic!');


    $user = trim($_POST['user']);


    $i = 0;
    while($i < count($users)){
        if($users[$i] == $user){
            break;
        }
        $i++;
    }

    $ret[] = 'email":"'.$emails[$i];
    $ret[] = 'displayname":"'.$displaynames[$i];
    echo '[{"'.implode('","', $ret).'"}]';
?>