suchen

Heim  >  Fragen und Antworten  >  Hauptteil

So senden Sie ein Formular ab. So erhalten Sie die Sitzungsanzahl, ohne die Seite beim Absenden des Formulars neu laden zu müssen

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\';">&times;</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>

P粉587780103P粉587780103242 Tage vor413

Antworte allen(1)Ich werde antworten

  • P粉329425839

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

    我建议将您的服务器代码转换为 json api

    解决方案

    my_add_cart.php 更改为此

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

    将您的前端代码更改为此

    
    
    
       

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

    Antwort
    0
  • StornierenAntwort