:
<html>
<head>
<title>View Data Without refresh</title>
<script language="javascript" type="text/javascript" src="script/jquery-git.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
(function() {
$.ajax({
type: "POST",
url: "display.php",
dataType: "html",
success: function(response){
$("#responsecontainer").html(response);
}
});
});
});
</script>
</head>
<body>
<fieldset><br>
<legend>Manage Student Details</legend>
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Class</th>
<th>Section</th>
<th>Status</th>
</tr>
</table>
<div id="responsecontainer" align="center"></div>
</fieldset>
<input type="button" id="display" value="Add New"/>
</body>
</html>
PHPの表示コード:事前に感謝を
HTMLコード..私はそれが非常に長い作業ですけど、私はインターネット上で何の解決策を見つけていませんconnection
、sql query
とphp response
私はそれが自動的にDになりたいokですと
one
は、ページの読み込み時にajaxを実行することを意味します。その後、phpの出力は各繰り返しではなく最後になるはずです。
<?php
include("connection.php");
$sql = "select * from tbl_demo";
$result=mysqli_query($db,$sql);
$output = "<table class='myTable'>";
while($data = mysqli_fetch_row($result))
{
$output .="<tr>";
$output .="<td width='13.5%'>$data[0]</td>";
$output .="<td width='21%'>$data[1]</td>";
$output .="<td width='19.5%'>$data[2]</td>";
$output .="<td width='24%'>$data[3]</td>";
$output .="<td><span class='edit'>Edit</span> | <span
class='delete'>Delete</span></td>";
$output .="</tr>";
}
$output .="</table>";
echo $output;
?>
編集/削除を行うには、アクションのあるページをコントローラと呼ばれる別のページに渡すか、リダイレクトする必要があります。再度変更した後は、index/view data
ページをリダイレクトするか、ページをリフレッシュ/リダイレクトしたくない場合はajaxを使用する必要があります。
ボタンが表示されません。あなたのajaxコードは、ドキュメントが読み込まれた後に実行するように設定されています。あなたの質問のタイトルは非常に曖昧です。ここで何を求めているのですか?あなたが持っている*具体的な問題は何ですか? –
私は質問も理解できません。 – MorganFreeFarm
「編集|ユーザーが[編集]をクリックするとデータを編集するか、[ユーザーが削除]をクリックするとデータが削除されます。 –