ajax中的crud操作无法正常工作

在php中使用ajax我正在尝试执行crud操作….但不幸的是，我的选择，插入和更新操作不起作用。 只有删除工作正常。 有人可以指导我理解我哪里出错了吗？

以下是我写的各种文件：

home.php （主文件）

   $(document).ready(function(){ function fetch_data() { $.ajax({ url:"select.php", method:"POST", success:function(data){ $('#disp_data').html(data); } }); } fetch_data(); $(document).on('click','#add',function(){ var name = $('#name').text(); //name & lname-table attribut names var lname= $('#lname').text(); if(name =='') { alert("Enter name"); return false; } if (lname=='') { alert("Enter last name"); return false; } $.ajax({ url:"insert.php", method:"POST", data:{name:name, lname:lname}, dataType:"text", success:function(data) { alert(data); fetch_data(); } }) }); function edit_data(id,text,column_name) { $.ajax({ url:"update.php", method:"POST", data:{id:id, text:text, column_name:column_name}, dataType:"text", success:function(data){ alert(data); } }); } $(document).on('blur','.name',function(){ var id= $(this).data("id1"); var name=$(this).text(); edit_data(id,name,"name"); }); $(document).on('blur','.lname',function(){ var id= $(this).data("id2"); var lname=$(this).text(); edit_data(id,lname,"lname"); }); $(document).on('click','#delete',function(){ var id= $(this).data("id3"); if(confirm("are you sure u want to delete")) { $.ajax({ url:"delete.php", method:"POST", data:{id:id}, dataType:"text", success:function(data){ alert(data); fetch_data(); } }); } }); });  

select.php

 <?php $link=mysql_connect("localhost","root",""); mysql_select_db("db2017",$link); $output=''; $sql="SELECT * FROM detail ORDER BY id DESC"; $result=mysql_query($sql); $output .=' 
 '; if(mysql_num_rows($result)>0) { while($row=mysql_fetch_array($result)) { $output .=' '; } $output .=' '; } else { $output .=''; } $output .='
 
 
ID
 
 First Name
 
 Last Name
 
 
'.$row["id"].'
 
'.$row["name"].'
 
'.$row["lname"].'
 
Delete
 
 
 
 
 
Add
 
 
 Data Not Found 
 
 
'; echo $output; ?> 

insert.php

update.php