显示带有表单提交的单击事件的 toastR


Show toastR with onclick event for form submit

我正在用PHP写一个简单的商店(作为一种实践)。我想添加功能,当我单击提交按钮时,ToastR 显示:"产品已成功添加到购物车"。

我是PHP的新手。

问题是,该表单被提交(并刷新页面),而 toastR 没有机会显示。你能提出这个问题的解决方案吗?

示例代码:

<form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>">
    <div><strong><?php echo $product_array[$key]["name"]; ?></strong></div>
        <div class="product-price"><?php echo "$".$product_array[$key]["price"]; ?></div>
        <div>
            <input type="text" name="quantity" value="1" size="2"/>
            <input id="addToCartButton" type="submit" value="Add to cart" class="btnAddAction" onclick="toastr.info('Page Loaded!')"/>
        </div>
</form>

我添加了所有必要的 css 和 js(toastR 在其他地方工作)

$( "form" ).submit(function( event ) {
    event.preventDefault();
    $this = $(this);
    $.post($this.attr("action"), function( data ) {
        //manage data returned
        toastr.info('Page Loaded!');
    });
});

这是使用 jquery 发送 post ajax 调用的示例。然后在 php 目标文件中管理您的发布请求。为了完成这种 post 方法,这里有一些示例,您的 toastr 函数将在重新加载页面后被调用。