使用ajax插入和删除功能

时间:2017-07-31 11:29:13

标签: php ajax

我正致力于使用 ajax 进行插入,添加,删除和更新的基本功能。
我现在写的功能很少......实际上我想要网格中的所有功能。

我将所有的html代码放在for循环中..这个循环将执行直到总num行..首次执行循环很好,此后出现问题...下次当我点击删除按钮ajax调用不是工作

需要帮助......

我有2个文件.. form.php operation.php

form.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'];  

1 个答案:

答案 0 :(得分:1)

我想你知道id应该有唯一的名字。将同一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>";
}

尝试理解它并将其与之前的代码进行比较。 如果您需要进一步的帮助,请与我们联系。