0
このコードでは、以下のクエリを実行して取得した$ product_listを持っていますが、link1をクリックするとajaxを使用して$ product_listを空にする必要があります。ajaxの呼び出しで既存の製品のコンテンツを削除する
products_listの内容を空にするには、Link1ボタンをクリックすると、ajaxコールを使用しますか？
質問の中には、コンテンツを削除するdiv idの使用があります。私はクラスと削除する必要があるので、私はそれについてはかなり分かりません。
助けてください..
<?php
session_start(); //start session
include("config.inc.php"); //include config file
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Stores</title>
<link href="style/style1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class="w3-bar w3-black">
<a href="#" class="w3-bar-item w3-button">Link 1</a>
</div>
<div align="center">
<h3>Products</h3>
</div>
<?php
//List products from database
$results = $mysqli_conn->query("SELECT product_name, product_desc, product_code, product_image, product_price FROM products_list");
//Display fetched records as you please
$products_list = '<ul class="products-wrp">';
while($row = $results->fetch_assoc()) {
$products_list .= <<<EOT
<li>
<form class="form-item">
<h4>{$row["product_name"]}</h4>
<div>
<img src="images/{$row["product_image"]}" height="62" width="62">
</div>
<div>Price : {$currency} {$row["product_price"]}<div>
<div class="item-box">
<input name="product_code" type="hidden" value="{$row["product_code"]}">
<button type="submit">open</button>
</div>
</form>
</li>
EOT;
}
$products_list .= '</ul></div>';
echo $products_list;
?>
<script>
$(document).on("click", ".w3-button", function() {
$("#products_list").empty()
});</script>
</body>
</html>
'$（ '。products-wrp'）.html（ ''）' –