使用Ajax獲取兩個查詢結果

我可以從PHP服務器端獲得兩個結果嗎？我希望數據和seta在AJAX成功後都被填充。使用Ajax獲取兩個查詢結果

這是我的HTML和JavaScript代碼：

<body> 
    <div align="center" id="box"></div> 
    <hr> 
    <div align="center" id="tox"></div> 
    <script src="jquery.js"></script> 
    <script> 
    $(document).ready(function(e) { 
     var SeeID = 89; 
     var SeeID2 = 88; 

     $.ajax({ 
      type: 'POST', 
      url: "server.php", 
      data: "SeeID="+SeeID+"&SeeID2"+SeeID2, 
      success: function(data,seta){ 
       $('#box').html(data); 
       $('#tox').html(seta); 
       } 

      }); 
    }); 
    </script> 
</body>

這是我的PHP服務器端代碼：

if (isset($_POST['SeeID'])) { 
    $SeeID = $_POST['SeeID']; 
    $QLoadFeild = $conn->query("SELECT * FROM myinfo WHERE id='".$SeeID."'"); 
    $X = $QLoadFeild->fetch(); 
    $name = $X['name']; 
    $family = $X['family']; 
    echo '<div>'.$name.'</div><div>'.$family.'</div>'; 
} 

if (isset($_POST['SeeID2'])) { 
    $SeeID2 = $_POST['SeeID2']; 
    $QLoadFeild = $conn->query("SELECT * FROM myinfo WHERE id='".$SeeID2."'"); 
    $X = $QLoadFeild->fetch(); 
    $name = $X['name']; 
    $family = $X['family']; 
    echo '<div>'.$name.'</div><div>'.$family.'</div>'; 
}

來源

2017-02-22 Toprex

請詳細說明。這裏不清楚。 –

從你的代碼看來，你已經在頁面加載一次ajax post請求。但是你已經在兩個不同的div上顯示了相同的響應，這是我認爲造成混亂的原因，你會看到響應兩次。 –

你只能從ajax請求返回一個響應，但你可以通過返回你的PHP響應數組然後解碼成json然後用ajax處理它。 – hassan

在PHP中嘗試將其推入數組並返回爲JSON值，

$outputArr = array(); 
if (isset($_POST['SeeID'])) { 
    $SeeID = $_POST['SeeID']; 
    $QLoadFeild = $conn->query("SELECT * FROM myinfo WHERE id='".$SeeID."'"); 
    $X = $QLoadFeild->fetch(); 
    $name = $X['name']; 
    $family = $X['family']; 
    $outputArr[] = '<div>'.$name.'</div><div>'.$family.'</div>'; 
} 

if (isset($_POST['SeeID2'])) { 
    $SeeID2 = $_POST['SeeID2']; 
    $QLoadFeild = $conn->query("SELECT * FROM myinfo WHERE id='".$SeeID2."'"); 
    $X = $QLoadFeild->fetch(); 
    $name = $X['name']; 
    $family = $X['family']; 
    $outputArr[] = '<div>'.$name.'</div><div>'.$family.'</div>'; 
} 
echo json_encode($outputArr);

而且在JS成功功能

success: function(data,seta){ 
      var datas = JSON.stringify(data); // use it further 
      }

來源

2017-02-25 12:25:45 Sarath

使用Ajax獲取兩個查詢結果

回答

相關問題