使用jquery事件更改到文本框无法显示数据库中的数据

Question

我需要你的帮助来解决我的问题。 我已经使用jquery onchange函数创建了一个用于显示数据库数据的项目。我把代码吼叫了。但它不起作用。我不知道为什么。

请有人帮我解决这个问题。如果你给我一个更好的代码来解决我的问题，我将不胜感激

Jquery的

// JavaScript Document
$(document).ready(function() {
    $("#kode_mat").keyup(function() {
        var nisp = $('#kode_mat').val();        
        $.post("../php/tp_order/auto_complete.php", // request ke file load_data.php
        {parent_id: nisp},
        function(data){
             $('#material').val(data[0].nama);

        },'json'
      );
   });
   });

PHP

<?php
        $c=mysql_connect('localhost','root','') or die(mysql_error()); // koneksi ke server database
        mysql_select_db('silo',$c)or die(mysql_error()); // pilih database

        $sql="select * from material where kode='$_POST[parent_id]'";
        $response = array(); // siapkan respon yang nanti akan di convert menjadi JSON
        $query = mysql_query($sql);     
        if($query){
            if(mysql_num_rows($query) > 0){
                while($row = mysql_fetch_object($query)){
                    // masukan setiap baris data ke variable respon
                    $response[] = $row; 
                }
            }else{
                $response['error'] = 'Data kosong'; // memberi respon ketika data kosong
            }
        }else{
            $response['error'] = mysql_error(); // memberi respon ketika query salah
        }
        die(json_encode($response)); // convert variable respon menjadi JSON, lalu tampilkan 

?>

HTML

<tr>
                <td width=70>Kode Material</td>
                <td width=10>:</td>
                <td width=30>
                <input type="text" id="kode_mat" type="text" name="kode_mat" maxlength="25" size="15" onkeyup="kode();" /> </td>
                <td width=1>  
                <img src="../image/edit.png"  class="button" name="edit" id="edit" style="height:35px; width:40px; " />
                <img src="../image/delete.png" class="button" name="dir1" id="dir1" style="height:35px; width:40px" onclick="up();"/>
                <img src="../image/print.png"  class="button" name="print" id="print" class="print" style="height:35px; width:40px;" />
                </td>

            </tr>
            <tr>
                <td width=70>Nama Material</td>
                <td width=10>:</td>
                <td width=30>
                <input type="text" id="material"type="text" name="material" maxlength="100" size="15" style="text-transform:uppercase" /> </td>
               <td width="1"><input type="text" id="no" type="text" name="no" maxlength="1" size="15" readonly="readonly"  style="visibility:hidden"/></td>

            </tr>