Maison  >  Questions et réponses  >  le corps du texte

Comment soumettre un formulaire Comment obtenir le nombre de sessions sans recharger la page lors de la soumission du formulaire

J'ai créé un formulaire avec un formulaire de saisie masqué qui soumet les valeurs à un script PHP et stocke chaque valeur dans un tableau de session en rechargeant la page à l'aide d'AJAX. Il fournit <p id ="msg"></p> 返回 HTML 成功警报消息。我需要有关如何将 $count 发送到 <p id="count"></p> 和成功警报消息到 <p id ="msg"></pphpcngt phpcn cnendcphpcn dans le point success:php pour obtenir de l'aide avec AJAX. Je souhaite également que l'alerte de réussite disparaisse après 3 secondes d'affichage. Ci-dessous mon 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\';">&times;</span> 
  <center>Product added successfully to cart.</center>
</div>';
exit();
?>

Ce qui précède est my_add_cart.php, ci-dessous mon HTML et mon 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>

P粉587780103P粉587780103228 Il y a quelques jours393

répondre à tous(1)je répondrai

  • P粉329425839

    P粉3294258392024-03-29 14:57:24

    Je recommande de convertir le code de votre serveur en api json

    Solution

    Changez my_add_cart.php par ceci

     $count,
                'message' => '
    ×
    Product added successfully to cart.
    '; ] ); exit(); ?>

    Changez votre code frontend par ceci

    sssccc
    
    
       

    " name = "img_src" id="img_src">

    répondre
    0
  • Annulerrépondre