用新功能AJAX重新加載頁面

Question

我有一個頁面，顯示最新的圖像。
我正在使用AJAX請求對這些圖像進行排序：

$('#trier').on('click', function() {        // When i click on button to validate Sort out
var b = document.getElementById('genre').value;  // parameter Sort out : genre 
$.post('index.php', {y: b}, function(data) {
location.reload(); // reload page with pictures sorted out
});
});

這是我整理圖像的功能如下所示：

if(isset($_POST['y'])){              // if they is a sorting out request
function latest($n) {
$genre= $_POST['y'];
$dbCon = mysqli_connect("localhost", "artlibr1_default", "azerty123", "artlibr1_01");
$sql = "SELECT * FROM general WHERE genre='$genre' ORDER BY date_added DESC LIMIT $n, 1";
$query = mysqli_query($dbCon, $sql);
while ($list = mysqli_fetch_assoc($query)) {
 return $list['path'];
}
}}else{                             // default display 
function latest($n) {
$genre= $_POST['y'];
$dbCon = mysqli_connect("localhost", "artlibr1_default", "azerty123", "artlibr1_01");
$sql = "SELECT * FROM general ORDER BY date_added DESC LIMIT $n, 1";
$query = mysqli_query($dbCon, $sql);
while ($list = mysqli_fetch_assoc($query)) {
 return $list['path'];
}
}

（僅sql語句更改）
所以問題是我需要用$_POST['y']數據重新加載頁面。 但是此刻頁面只是在重新加載，沒有$_POST['y']數據。

Answer 1

您的代碼：

1. 從JavaScript發出HTTP請求
2. 使用PHP從數據庫中獲取一些數據
3. 將數據從PHP發送到JavaScript
4. JavaScript會忽略該數據並重新加載頁面（帶有原始GET請求）

如果要重新加載頁面。 不要使用Ajax 。 Ajax的要點是，您無需重新加載頁面即可發出HTTP請求。

如果您想使用返回的數據，請不要使用location.reload ，獲取data的值並對其進行處理。

Answer 2

嗯，您沒有正確使用ajax。 也許您應該編輯代碼

$('#trier').on('click', function() {        // When i click on button to validate Sort out
    var b = document.getElementById('genre').value;  // parameter Sort out : genre 
    $.post('index.php', {y: b}, function(data) {
        $('#div-need-load-image').html(data) // reload page with pictures sorted out
    });
});

或者，如果要將圖像追加到div，則可以嘗試.append()而不是.html()

$('#div-need-load-image').append(data)

Answer 3

無需重新加載整個頁面，您可以清除#genre的內容，並將其替換為ajax函數返回的數據。

Answer 4

而不是使用

location.reload();

你應該使用

location.href = %Construct the URL you want to reload%