AJAXコールの後にdivを更新するためにJQueryを使用する

Question

私はAJAX呼び出しを使用して削除しています。問題は、データベース内のアイテムの削除を反映するためにdiv内のデータテーブルを更新することです。

Answer 1

だからここに短い答え：

ここ

if(itemdel=="deleted") 
{ 
    console.log("get request to datatable"); 
    //add the absolute url here so with http://xyz.xy/includes/datatable.php 
    $.get('includes/datatable.php', function(data) { 
     console.log("data received, data"); 
     $('#dataTable').html(data); 
    }); 
} 

Answer 2

"長いもの" を理解しよう:)

var delID = document.getElementById('delID').value; 

$('#so-delete').on('click', deleteData); // execute the deleteData function on click // without()!!! when you put() it will be executed @init 

function deleteData() { 
    apiCall("includes/deletesoitem.php", "POST", loadData, delID); // makes the request --> loadData function executed after ajax call is successfully finished 
} 

function loadData(itemdel) { 
    if (itemdel == "deleted") { 
     alert("SUCCESS: Item Deleted Successfully!"); 
    // the "anonymous "callBack" function will be executed after ajax request is finished 
     apiCall("includes/datatable.php", "GET", function (msg) { 
      $('#dataTable').html(msg); 
     }); 
    } 
} 

/** 
* 
* @param url Request for the URL 
* @param ajaxMethod Request Method (POST/GET/ETC) 
* @param callBack Callback method this method will be executed after  ajax request is successful 
* @param data Request body data 
*/ 
function apiCall(url, ajaxMethod, callBack, data) { 
    var requestData = (data != "undefined") ? data : {}; // set request data to data if exists 

    var request = $.ajax({ 
     url: url, 
     method: ajaxMethod, 
     data: requestData, 
     dataType: "text" 
    }); 

    request.done(function (msg) { 
     //execute the callback function 
     callBack(msg); 
    }); 

    request.fail(function (jqXHR, textStatus) { 
     alert("Request failed: " + textStatus); 
    }); 
}