現在私の大学で最終的なプロジェクトに取り組んでいますが、先生から聞いたことの1つは、AJAX POSTメソッドを使って別のスクリプトでテーブルを作ることでした(前のページでユーザーから与えられた変数テーブルに結果を入力してから)、そのテーブルをメインページに戻します。しかし、これまでのところ、私はテーブルを正しく回収する方法を考え出していません。AJAXを通じてPOSTメソッドで作成されたテーブルを取得するには?
私はテーブルを戻すために.loadを使用しようとしましたが、POSTによって作成された変数が保存されていないかのように、テーブルは定義されていません。現在、私はメインページにテーブルを添付するために追加を使用していますが、私の先生と私は同意していますが、divにテーブルを追加し続けるので正しい方法ではなく、各POSTに1つのテーブルだけを表示します。ここで
は、メインスクリプトです:
<!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>
ご清聴ありがとうございました。
;'戻ってJavaScriptにし、クライアント側でテーブルを構築。 – PHPglue