, sayfa yenilemeden veritabanını güncelleştirir

Question

Evet kimliğiyle köprü tıklandığında sayfanın yenilenmesini istemiyorum ve sonra durumu göster, durumun sayfanın yenilenmesi olmadan anında değiştirilmesini istiyorum. Ajax'ın bununla uğraştığını biliyorum, ama herkes bana kodumla çalışma örneği verebilir mi lütfen? o başımı erime gibi:/

 <h3 class="page-header"> Enquiries </h3> 

     <form id="enquiry" method="post" action="enquiry_csv.php"> 
     <table class="table table-bordered table-hover"> 

      <thead> 
       <tr> 

        <th> First Name</th> 
        <th> Last Name</th> 
        <th>Email</th> 
        <th>Message</th> 
        <th>Date</th> 
        <th>Responded to Enquiry?</th> 

        <th>Status</th> 

        <th></th> 
        <th><input class='btn-success' name='export' id='btnExport' type='submit' value='Export to CSV'/></th> 

       </tr> 
      </thead> 

        <tbody> 


      <?php 

       $query = "SELECT * FROM enquiries"; 
      $select_enquiries = mysqli_query($connection,$query); 

      while($row = mysqli_fetch_assoc($select_enquiries)) { 

      $Enquiry_ID = $row['Enquiry_ID']; 
      $FirstName = $row['First_Name']; 
      $LastName =$row['Last_Name']; 
      $Email = $row['Email']; 
      $Message = $row['Message']; 
      $Date =$row['Date']; 
      $Responded =$row['Responded']; 

      echo "<tr>"; 

      echo "<td>$FirstName </td>"; 
      echo "<td>$LastName </td>"; 
      echo "<td>$Email </td>"; 
      echo "<td>$Message </td>"; 
      echo "<td>$Date </td>"; 
      echo "<td> <a id='yes' class='success' style='' href='enquiries.php?Yes=$Enquiry_ID'>Yes</a> | <a class='success' href='enquiries.php?No=$Enquiry_ID'>No</a> </td>"; 

     echo "<td> $Responded</td>"; 

     echo "<td> <a class='btn btn-danger' href ='enquiries.php?delete=$Enquiry_ID'>Delete</a> </td>"; 

      echo "</tr>"; 

      } 

      ?> 

       <?php 

       if(isset($_GET['Yes'])){ 

      $enquiry_id = $_GET['Yes']; 

     $query = "UPDATE enquiries SET Responded = 'Yes' WHERE Enquiry_ID = {$Enquiry_ID}"; 
     $query = mysqli_query($connection, $query); 

      } 

      if(isset($_GET['No'])){ 

      $enquiry_id = $_GET['No']; 

      $query = "UPDATE enquiries SET Responded = 'No' WHERE Enquiry_ID = {$Enquiry_ID}"; 
      $query = mysqli_query($connection, $query); 


     } 


      if(isset($_GET['delete'])){ 

      $review_id = $_GET['delete']; 

      $query = "DELETE FROM enquiries WHERE Enquiry_ID = {$Enquiry_ID} "; 
      $delete_query = mysqli_query($connection, $query); 

      } 


         ?> 

        <tr> 

        <td></td> 
        <td> </td> 
        <td> </td> 
        <td> </td> 
        <td> </td> 

        </tr> 

     </tbody> 
     </table> 



     </form> 

Answer 1

@Sanya Zahid yayınlanmıştır yukarıdaki bağlantıyı bakın ve Bu gibi bazı şey deneyin:

<script type="text/javascript" src="jquery.min.js"></script> 
<script type="text/javascript" > 
$(function() { 
    $(".submit").click(function() { 
    var name = $("#name").val(); 
    var age = $("#age").val(); 
    var dataString = 'name='+ name +'&age='+ age; 

    if(name=='' || age =='') 
    { 
     $('.success').fadeOut(200).hide(); 
     $('.error').fadeOut(200).show(); 
    } 
    else 
    { 
     $.ajax({ 
     type: "POST", 
     url: "submit.php", 
     data: dataString, 
     success: function(){ 
     $('.success').fadeIn(200).show(); 
     $('.error').fadeOut(200).hide(); 
    } 
    }); 
    } 
    return false; 
    }); 
    }); 
    </script> 

    <form method="post" name="form"> 
     <input id="name" name="name" type="text" /><br> 
     <input id="age" name="age" type="text"/> 
    <div> 
     <input type="submit" value="Submit" class="submit"/> 
     <span class="error" style="display:none"> Please Enter Data</span> 
     <span class="success" style="display:none"> Data Saved!!</span> 
    </div> 
    </form> 

İşte submit.php veritabanı ile ilgili şeyler (insert/update/delete) içeriyor. İsim ve yaş dosyalarını buraya kod olarak ekledim. Formunuza göre alan ekleyin.

submit.php:

<?php 
$conn = mysqli_connect("localhost","root","","test"); 

/* Insert form data with out page refresh */ 

if($_POST) 
{ 
    $name=$_POST['name']; 
    $age = $_POST['age']; 
    mysqli_query($conn,"Query will come here"); 
}else{ 
    echo "Please try again!!"; 
} 
/* Insert form data with out page refresh */ 

?> 

Answer 2

Sen (Ajax) isteği bir asenkron HTTP gerçekleştiren jquery ajax api ile yapabilirsiniz

http://api.jquery.com/jquery.ajax/