Ich habe ein Formular mit einem versteckten Eingabeformular erstellt, das die Werte an ein PHP-Skript übermittelt und jeden Wert in einem Sitzungsarray speichert, indem die Seite mithilfe von AJAX neu geladen wird. Es bietet <p id ="msg"></p> 返回 HTML 成功警报消息。我需要有关如何将 $count 发送到 <p id="count"></p> 和成功警报消息到 <p id ="msg"></pphpcngt phpcn cnendcphpcn im success:php-Punkt für Hilfe mit AJAX. Ich möchte auch, dass die Erfolgsmeldung verschwindet, nachdem sie 3 Sekunden lang angezeigt wurde. Unten ist mein Code:
my_add_cart.php
<?php
session_start();
$_SESSION['title'][]=$_POST['title'];
$_SESSION['price'][]=$_POST['price'];
$_SESSION['img_src'][]=$_POST['img_src'];
$count = count($_SESSION["title"]);
echo $count;
echo '<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display=\'none\';">×</span>
<center>Product added successfully to cart.</center>
</div>';
exit();
?>
Das Obige ist my_add_cart.php, unten ist mein HTML und Javascript:
<script type="text/javascript">
function clickButton(){
var title=document.getElementById('title').value;
var price=document.getElementById('price').value;
var img_src=document.getElementById('img_src').value;
$.ajax({
type:"post",
url:"my_add_cart.php",
data:
{
'title' :title,
'price' :price,
'img_src' :img_src
},
cache:false,
success: function (html)
{
$('#msg').html(html);
}
});
return false;
}
</script>
<html>
<p id="msg"></p>
<p id="count"></p>
<form onsubmit="clickButton()">
<input type="hidden" value="<? echo $title ?>" name = "title" id="title" >
<input type="hidden" value="<? echo number_format($price); ?>" name = "price" id="price" >
<input type="hidden" value="<? echo "https://mikeandcathy.com.ng/admin/UploadFolder/".$row_product_img[0]; ?>" name = "img_src" id="img_src">
<button type="submit" id="add_to_cart" name="add_to_cart" class="btn btn-outline-secondary btn-sm" value="Add to cart" onclick="return clickButton();">Add Cart</button>
</form>
</html> 
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
我建议将您的服务器代码转换为 json api
解决方案
将
my_add_cart.php更改为此$count, 'message' => '
× Product added successfully to cart.
';
]
);
exit();
?>
将您的前端代码更改为此