如何提交表单 如何在提交表单时无需重新加载页面即可获取会话计数
P粉587780103
P粉587780103 2024-03-28 15:35:33
0
1
398

我创建了一个带有隐藏输入表单的表单,该表单将值提交到 PHP 脚本,并通过使用 AJAX 重新加载页面将每个值存储在会话数组中。它向 <p id ="msg"></p> 返回 HTML 成功警报消息。我需要有关如何将 $count 发送到 <p id="count"></p> 和成功警报消息到 <p id ="msg"></pphpcngt phpcnsuccess:php 点的帮助AJAX 中的 cnendcphpcn。我还希望成功警报在显示 3 秒后消失。下面是我的代码:

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();
?>

上面是 my_add_cart.php,下面是我的 HTML 和 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粉587780103
P粉587780103

全部回复(1)
P粉329425839

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

解决方案

my_add_cart.php 更改为此

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

将您的前端代码更改为此

sssccc


   

" name = "img_src" id="img_src">
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!