使用ajax插入和刪除功能

我正在使用ajax插入，添加，刪除和更新的基本功能。
我已經完成了小功能現在寫..實際上我想要在網格中的所有功能。使用ajax插入和刪除功能

我把所有的html代碼放在一個for循環裏面..這個循環會執行直到總的num行..第一次執行循環很好，在這之後出現問題...下一次當我點擊刪除按鈕時ajax調用是不工作。

需要幫助的這個....

我有2個文件.. form.php的和form.php的的operation.php

代碼..

$(document).ready(function(){ 
    $("#delete").click(function(){ 
     var id=$("#uid").val();     
     $.post("operation.php",{ID:id},function(data){ 
      $("#result").html(data); 
     });    
    }); 
}); 

for($i=0;$i<2;$i++) 
{   
    echo "<input type='text' value=".mysql_result($all_records, $i, "id")." name='uid' id='uid'> 
    <input type='text' value=".mysql_result($all_records, $i,"name")." name='name' id='email' placeholder='Email'> 
    <input type='text' value=".mysql_result($all_records, $i,"email")." name='email' id='email' placeholder='Email'> 
    <input type='password' value=".mysql_result($all_records, $i,"password")." name='pass' id='pass' placeholder='Password'> 
    <input type='submit'name='delete' id='delete' value='Delete'>    
    <input type='submit'name='update' id='update' value='Update'>"; 
    echo "</td></tr>";    
}

operation.php

立即寫入我把只有一個用於檢查目的行代碼...

echo $_POST['ID'];

來源

2017-07-31 user3608987

Html ID是獨特的元素，所以我想你正在循環，並最終它會創建兩個相同的名稱的UID，這將使問題使用類而不是ID或讓你的唯一。 –

ajax調用工作時，我使用類而不是id，但它每次顯示相同的值... @SaadSuri – user3608987

嗯，我想你知道，id S的關係具有唯一的名稱。將相同的id賦予同一頁面中的多個元素並不是一個好主意。

我認爲下面的代碼將解決你的目的。

$(document).ready(function(){ 
    $(".delete").click(function(){ 
     var id=$(this).data('id'); 
     $.post("operation.php",{ID:id},function(data){ 
      $("#result").html(data); 
     });    
    }); 
}); 

for($i=0; $i<2; $i++) 
{   
    echo "<input type='text' value='".mysql_result($all_records, $i, "id")."' name='uid' class='uid'> 
    <input type='text' value='".mysql_result($all_records, $i,"name")."' name='name' class='name' placeholder='Email'> 
    <input type='text' value='".mysql_result($all_records, $i,"email")."' name='email' class='email' placeholder='Email'> 
    <input type='password' value='".mysql_result($all_records, $i,"password")."' name='pass' class='pass' placeholder='Password'> 
    <input type='button'name='delete' data-id='".mysql_result($all_records, $i, "id")."' class='delete' value='Delete'>    
    <input type='submit' name='update' class='update' value='Update'>"; 
    echo "</td></tr>"; 
}

試着理解它，並將它與您以前的代碼進行比較。讓我知道你是否需要進一步的幫助。

來源

2017-07-31 11:57:26

先生其工作現在....真誠謝謝:) – user3608987

高興地知道:) –

使用ajax插入和刪除功能

回答

相關問題