如何檢索通過AJAX使用POST方法創建的表？

當前正在我大學的最後一個項目中工作，我們的老師問我們的其中一件事是通過AJAX POST方法在單獨的腳本上創建一個表格（根據用戶在前一頁中給出的變量進行查詢並填寫結果表），然後將該表返回到主頁面。但到目前爲止，我還沒有想出一種方法來正確檢索表格。如何檢索通過AJAX使用POST方法創建的表？

我試過使用一個.load來帶回表，但表未定義，就好像由POST所做的變量沒有保存。目前我使用append將表格附加到我的主頁面，但我的老師和我同意不是正確的方式，因爲它不斷向div添加更多表格，並且我們希望每個POST只出現一個表格。

這裏的主腳本：

<!DOCTYPE html> 
<head> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
$("#buttonone").click(function(){ 
var test = $("#form input[name= yourlastnamep]").val(); 
$.post("script_02.php",{alep: test},function(data){ 
$("#xmas").append(data); 
$("#show").click(function(){ 
$("#xmas").fadeToggle(); 
}); 
}); 
}); 
}); 
</script> 
</head> 


<body> 
<form id="form"> 
<p>Find your Last Name:</p> 

<div class="form-group-register"> 
<label>Last Name:</label> 
<input type="text" class="form-control" name="yourlastnamep"> 
</div> 

<div class="form-group-register"> 
<button type="button" id="buttonone">Find me!</button> 
<button type="button" id="show">Toggle!</button> 
</div> 
</form> 
<div id="xmas"></div> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
</body> 

</html>

和這裏的script_02.php：

<?php 
$mysqli = new mysqli("localhost", "user", "password", "formysqli"); 
$var1 = $_POST['alep']; 
$var2 = "SELECT name, middlename, lastname, age, birth from formtable where lastname = '$var1'"; 
$result = $mysqli->query($var2); 
?> 

<table border="1"> 
<tr> 
<th>NAME</th> 
<th>MIDDLE NAME</th> 
<th>LASTNAME</th> 
<th>AGE</th> 
<th>BIRTH</th> 
</tr> 
<tr> 
<td><?php echo $row['name']; ?></td> 
<td><?php echo $row['middlename']; ?></td> 
<td><?php echo $row['lastname']; ?></td> 
<td><?php echo $row['age']; ?></td> 
<td><?php echo $row['birth']; ?></td> 
</tr> 
</table>

感謝您的關注。

來源

2016-11-29 UselessGun

我只想用PHP來查詢MySQL和'回聲json_encode（$ assocArray）;'回到你的JavaScript和建立客戶端上的表。 – PHPglue

而不是

$("#xmas").append(data);

使用

$("#xmas").html(data);

來源

2016-11-29 01:55:50

這樣做，謝謝！ – UselessGun

如何檢索通過AJAX使用POST方法創建的表？

回答

相關問題