使用Ajax创建会话和回显结果

Using Ajax to create session and echo results

本文关键字:结果 会话 Ajax 创建 使用      更新时间:2023-09-26

我正在尽我所能让它发挥作用。但AJAX对我来说还很新鲜。所以坚持住。。。

好吧,我在这里问了几个问题,关于我必须解决的问题。我(我们)已经走过了很长的路。但现在下一个问题来了。

我正在尝试使用AJAX在div中回显会话。AJAX代码正在工作,我可以将纯文本回显到我想要的div我唯一的问题是它没有显示项目的标题

我有一些项目(在这个例子中说3),我想让自定义保存会话中的项目。因此,当客户点击保存时。ajaxdiv显示标题。如果自定义点击第三个项目,它会显示第一个和第三个,等等…

我的HTML:

<button type="submit" class="btn btn-primary text-right" data-toggle="modal" data-target=".post-<?php the_ID(); ?>" data-attribute="<?php the_title(); ?>" data-whatever="<?php the_title(); ?>">Sla deze boot op <span class="glyphicon glyphicon-heart" aria-hidden="true"></span></button>

我的AJAX代码:

$(".ajaxform").submit(function(event){
event.preventDefault();
  $.ajax({
      type: "POST",
      url: "example.com/reload.php",
      success: function(data) {
        $(".txtHint").html(data);    
       },
     error: function() {
        alert('Not OKay');
        }
    });
      return false;
 });

我的PHPreload.PHP:

<h4>Saved Items</h4>
<p>Blaat...</p>
<?php echo "Product Name = ". $_SESSION['item'];?>

我在这里看到了这个代码:我没有使用这个代码。只是想知道我是否可以将其用于我的代码,然后如何使用

将session.php更改为:

<?php
   session_start();
   // store session data
   $_SESSION['productName'] = $_POST['productName'];
   //retrieve session data
   echo "Product Name = ". $_SESSION['productName'];
?>

在你的HTML代码中:

function addCart(){
    var brandName = $('iframe').contents().find('.section01a h2').text();
    $.post("sessions.php", {"name": brandName}, function(results) {
        $('#SOME-ELEMENT').html(results);
    });
}

我是如何获得头衔的();:

<?php
    // Set session variables
    $_SESSION["item"][] = get_the_title();
?>

这是我能用的东西吗?有人能帮我密码吗?

提前感谢!

我不太确定你到底想完成什么,但这里有一个快速而肮脏的例子,用产品名称发出HTTP请求(POST),将其存储在PHP会话中,并在会话中输出所有产品名称:

HTML

<p>Product A <button class="add-product" data-product="Product A">Add Product</button></p>
<p>Product B <button class="add-product" data-product="Product B">Add Product</button></p>
<p>Product C <button class="add-product" data-product="Product C">Add Product</button></p>
<div id="response">
</div>

JavaScript

$('.add-product').click(function() {
    var productName = $(this).data('product');
    $.post('addProduct.php', {productName: productName}, function(data) {
        $('#response').html(data);
    })
});

PHP(addProduct.PHP)

<?php
session_start();
if (!array_key_exists('products', $_SESSION) || !is_array($_SESSION['products'])) {
    $_SESSION['products'] = [];
}
$productName = array_key_exists('productName', $_POST) ? (string) $_POST['productName'] : '';
if ($productName) {
    $_SESSION['products'][] = $productName;
}
?>
<h4>Your added products:</h4>
<ul>
    <?php foreach ($_SESSION['products'] as $product): ?>
    <li><?php echo htmlspecialchars($product); ?></li>
    <?php endforeach;?>
</ul>