使用ajax將值從一個php頁面傳遞到另一個

Question

我正在嘗試使用 AJAX 將一些值從一個 php 頁面傳遞到另一個頁面，但我無法正確傳遞它。 目標也是在將值傳遞給下一頁后加載下一頁。 但我無法做到這一點，並且該值沒有傳遞到下一個 php 頁面。 我收到錯誤

注意：未定義索引：var1

這是我的第一頁的java代碼

function next(){
    $.ajax({
         url: "next.php",
        data: { var1 : 123 },
        success: function( data ) {
            console.log( data );
        }
    }).done(function(data) { 
        $("#content").load("next.php");
    });
}

這是第一頁的html代碼

<button onclick="next()">Click me</button>
<div id="content">

現在在我的第二頁中，我使用它來獲取變量

<?php echo $_GET['var1'];?>

我已經嘗試過互聯網上其他帖子的解決方案，但直到現在還沒有找到任何解決方案。 希望有人給出答案。 非常感謝

Answer 1

通過運行$('#content').load("next.php")您實際上是在沒有查詢參數的情況下再次加載頁面。 您已經在成功函數中收到了對 next.php 請求的響應 - 它存儲在變量data 。 所以你可以只做$('#content').html(data); 在您的成功職能中。

function next(){
    $.ajax({
        url: "next.php",
        data: {var1 : 123},
        success: function( data ) {
            $('#content').html(data);
        }
    });
}

請注意，success 函數僅在 HTTP 200 上執行，因此如果您想真正花哨，可以這樣做：

function next(){
    $.ajax({
        url: "next.php",
        data: {var1 : 123},
        success: function( data ) {
            $('#content').html(data);
        },
        error: function() {
            console.log("an error occurred");
        }
    });
}

Answer 2

將下一個功能代碼更改為：

function next(){
  $.ajax({
    url: "next.php",
    data: {var1 : 123},
  }).done(function(data) { 
      $("#content").html(data);
  });
}

jQuery 中的.load()將執行另一個沒有數據參數的 Ajax 請求，這就是為什么你會得到Notice 。 此外，您沒有在內容 div 中插入從 Ajax 調用返回的數據。