正確使用.ajax jquery方法？

Question

我希望請求從sql刪除記錄而不更改網頁。不幸的是，當我點擊這個按鈕時它實際上並沒有刪除記錄。 post_action.php導致刪除失敗的問題是什麼？

post_action.php

<?php 
if($_GET['action'] == "deletePost") 
     deletePost($_GET['title']) 
function deletePost($title){ 
    $sql = "DELETE FROM blog WHERE Title = '$title';"; 
    mysqli_query($mysqli, $sql); 
} 
?> 

Ajax請求：

$('#deletePost').click(function(){ 
    $.ajax({ 
     url:"post_action.php", 
     data: {action: "deletePost", postTitle: $(this).siblings("h3.blog").text()}, 
     success: function(result){ 
      $('ul.left').html(result); 
     } 
    }); 
}); 

的index.php

<?php 
      include 'scripts/db_connect.php'; 
      include 'scripts/functions.php'; 
      sec_session_start(); 
      $sql = "SELECT * FROM blog"; 
      $result = mysqli_query($mysqli, $sql); 
      while($row = mysqli_fetch_array($result)) 
      { 
       echo'<div class="blog"><h3 class="blog">' . $row['Title'] . 
       "</h3><h3>" . $row['Date'] . "</h3><h3>" . $row['Tag'] . 
       "</h3><hr>"; 
       echo'<p class="blog">' . $row['Body'] . '</p><form name="postForm" 
       method="post" action="process_post.php"> 
       <input type="radio" name="postAction" 
       value="editPost" class="postButton" type="button">Edit</input> 
       <input type="radio" name="postAction" value="deletePost" 
       class="postButton" type="button">Delete</input> 
       <input type="radio" name="postAction" value="commentPost" 
       class="postButton" type="button">Comment</input> 
       </form></div>'; 
      } 

      ?> 

Answer 1

這取決於你，你會從服務器端返回的內容爲您刪除的確認，例如，如果你寫你的deletePost功能是這樣的（假設$mysqli是提供給您的當前範圍）

function deletePost($title){ 
    // include 'scripts/db_connect.php'; 
    $sql = "DELETE FROM blog WHERE title = '$title'"; 
    mysqli_query($mysqli, $sql); 
    if(mysqli_affected_rows($mysqli)) return true; 
    return false; 
} 

而且使用它像

if(deletePost ($_GET['postTitle'])) { 
    echo 'succeed'; 
} 
else { 
    echo 'failed'; 
} 

所以，在你ajax success你可以使用類似這樣的東西

success:function($data){ 
    if($data == 'succeed') alert('Record Deleted'); 
    else alert('Record Not Deleted'); 
} 

Answer 2

一個成功的功能，如果請求成功被調用。該函數傳遞三個參數：從服務器返回的數據，根據dataType參數進行格式化;描述狀態的字符串;和jqXHR

success: function(result){ 
    //perform function after succesfull deletion 
    //for example : notifying user of record successfully deleted 
    alert('DELETED SUCESSFULLY'); 
} 

REFERENCE

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

Answer 3

問題; 要發送的數據：

`data: {action: "deletePost", postTitle: $(this).siblings("h3.blog").text()}`, 

，但使用的是

$_GET['title'] instead use $_GET['postTitle'] 

其次：成功的功能，如果請求成功被調用。因此，在這你可以在這裏做很多事情，如：

1. show a confirmation box sayin deleted successfully. 
2. show a div giving confirmation. 
3. remove the deleted row(should be done in all options)