API tools faq
paste
aquaballoon

Ajax - Send Data

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