Hướng dẫn Send dữ liệu bằng Ajax Jquery cho việc thêm sửa xóa

Smobi · Feb 13, 2014

Cái này thì ko có gì mới nhưng nhiều bạn newbie lúc làm việc sẽ hay gặp nên chia sẽ một chút!
Đó là xóa nhiều record trong database bằng ajax jquery.
File ajax.php

HTML:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
        $(document).ready(function(){            
            $('#checkall').click(function(){
                //checked checkbox
                $("input:checkbox").attr("checked",true);
                //tạo biến id
                var id = "";
                $(".chk").each(function(){
                     id+=","+$(this).attr('id');                     
                });
                //ajax
                $.post("check.php",{id:id},function(kq){
                      $("#kq").html(kq);  
                })    
                return false;
            });        
        });

</script>
</head>
<body>
    <div id="kq"></div>
    <div id="wrapper">
    <ul>
    <li>
        <p><input type="checkbox" id="3" class="chk" />  Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
    </li>
     
    <li>
        <p><input type="checkbox" id="1" class="chk" />  Ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
    </li>
     
    <li>
        <p><input type="checkbox" id="123" class="chk" />Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
    </li>

</ul>
<a href="#" id="checkall">Check all</a>
</div>
</body>
</html>

Tiếp là file check.php
file này chỉ là nhận giá trị được gửi qua

PHP:

<?php
    //get id 
    $id=explode(',',$_POST['id']);
    print_r($id);     
?>

Hướng dẫn Send dữ liệu bằng Ajax Jquery cho việc thêm sửa xóa

Smobi

New Member

Facebook Comments

Similar threads

New posts New threads New resources

New posts

New threads

new_resources