API tools faq
paste
aquaballoon

Ajax Add & Delete MySQL records using jQuery & PHP

aquaballoon
Apr 27th, 2014
169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 5.87 KB | None | 0 0
raw download clone embed print report
  1. // config.php
  2.  
  3. <?php
  4.     $host = "localhost";
  5.     $usr = "root";
  6.     $pass = "abc123";
  7.     $db = "ITDB";
  8.     #$sql=null;
  9.    
  10.     $conn = mysqli_connect($host, $usr, $pass, $db) or die(mysqli_connect_error());
  11. ?>
  12.  
  13. // index.php
  14.  
  15. <!DOCTYPE html>
  16.  
  17. <html>
  18.     <head>
  19.         <meta charset="UTF-8">
  20.         <title></title>
  21.         <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  22.  
  23.         <style>
  24.             .container .row {
  25.                 margin-top: 20px;
  26.             }
  27.         </style>
  28.  
  29.         <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
  30.         <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  31.  
  32.         <script>
  33.             $(function() {
  34.                 $("#bt").click(function() {
  35.                     //alert();
  36.  
  37.                     var sendData = {
  38.                         NAME: $("#inName").val(),
  39.                         EMAIL: $("#inEmail").val()
  40.                     };
  41.  
  42.                     $.ajax({
  43.                         type: "POST",
  44.                         url: "process.php",
  45.                         dataType: "text",
  46.                         data: sendData,
  47.                         success: function(getData) {
  48.                             $(".table").html(getData);
  49.                             //$(".table").text(getData);
  50.                             //$(".table").append(getData);
  51.                            
  52.                             $("#inName").val("");
  53.                             $("#inEmail").val("");
  54.                         }
  55.                     });
  56.  
  57.                 });
  58.                
  59.                 $("body").on("click", ".rowData", function(){
  60.                    var clickedID = this.id.split("_");
  61.                    var dbNumberID = clickedID[1];
  62.                    //alert(clickedID+' / '+dbNumberID);
  63.                    
  64.                    var sendData = {
  65.                        recordDelete: dbNumberID
  66.                    };
  67.                    
  68.                    $.ajax({
  69.                       type: "POST",
  70.                       url: "process.php",
  71.                       dataType: "text",
  72.                       data: sendData,
  73.                       success:function(getData){
  74.                           $("#item_"+dbNumberID).fadeOut("slow");
  75.                       }
  76.                    });
  77.                    
  78.                 });
  79.             });
  80.  
  81.         </script>
  82.  
  83.     </head>
  84.     <body>
  85.  
  86.         <div class="container">
  87.             <div class="row">
  88.                 <div class="col-md-8">
  89.                     <label>Name</label>
  90.                     <input type="text" id="inName">
  91.  
  92.                     <label>Email</label>
  93.                     <input type="text" id="inEmail">
  94.  
  95.                     <button id="bt">Save</button>
  96.                 </div>
  97.             </div>
  98.  
  99.             <div class="row">
  100.                 <div class="col-md-6">
  101.                                             <table class="table">
  102.  
  103.                             <tr><th>Name</th><th>Email</tr>
  104.  
  105.                             <?php
  106.                             include_once("config.php");
  107.                             $sql = "select * from ITTB";
  108.                             $result = mysqli_query($conn, $sql);
  109.  
  110.                             while ($row = mysqli_fetch_array($result)) {
  111.                                 #echo $row['name'] . ' ' . $row['email'] . '<br>';
  112.  
  113.                                 echo '
  114.                        <tr class="rowData" id="item_'.$row["id"].'">
  115.                        <td>' . $row['name'] . '</td>
  116.                        <td>' . $row['email'] . '</td>
  117.                        </tr>';
  118.                             }
  119.                             ?>
  120.                         </table>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.     </body>
  125. </html>
  126.  
  127. // process.php
  128.  
  129. <table class="table">
  130.     <tr><th>Name</th><th>Email</tr>
  131.  
  132.     <?php
  133.     include_once('config.php');
  134.     if (isset($_POST["NAME"]) && strlen($_POST["NAME"]) > 0 && isset($_POST["EMAIL"]) && strlen($_POST["EMAIL"]) > 0) {
  135.  
  136.         //sanitize post value, PHP filter FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH
  137.         //$contentToSave = filter_var($_POST["NAME"],FILTER_SANITIZE_STRING, FILTER_FLAG_STRIP_HIGH);
  138.         if (mysqli_query($conn, "insert into ITTB(name, email) values('{$_POST["NAME"]}', '{$_POST["EMAIL"]}')")) {
  139.  
  140.             $sql = "select * from ITTB";
  141.             $result = mysqli_query($conn, $sql);
  142.  
  143.             while ($row = mysqli_fetch_array($result)) {
  144.                 #echo $row['name'] . ' ' . $row['email'] . '<br>';
  145.  
  146.                 echo '
  147.                        <tr class="rowData" id="item_'.$row["id"].'">
  148.                        <td>' . $row['name'] . '</td>
  149.                        <td>' . $row['email'] . '</td>
  150.                        </tr>';
  151.             }
  152.             mysqli_close($conn);
  153.         } else {
  154.             //output error
  155.             //header('HTTP/1.1 500 '.mysql_error());
  156.             header('HTTP/1.1 500 Looks like mysql error, could not insert record!');
  157.             exit();
  158.         }
  159.     } elseif (isset($_POST["recordDelete"]) && strlen($_POST["recordDelete"]) > 0 && is_numeric($_POST["recordDelete"])) {
  160.         //sanitize post value, PHP filter FILTER_SANITIZE_NUMBER_INT removes all characters except digits, plus and minus sign.
  161.         //$idToDelete = filter_var($_POST["recordDelete"],FILTER_SANITIZE_NUMBER_INT);
  162.         if (!mysqli_query($conn, "delete from ITTB where id='{$_POST["recordDelete"]}'")) {
  163.  
  164.             //If mysql delete record was unsuccessful, output error
  165.             header('HTTP/1.1 500 Could not delete record!');
  166.             exit();
  167.         }
  168.         mysql_close($conn);
  169.        
  170.     } else {
  171.         //Output error
  172.         header('HTTP/1.1 500 Error occurred, Could not process request!');
  173.         exit();
  174.     }
  175.     ?>
  176.  
  177. </table>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!