Question

我正在用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在其他地方工作）

Answer 1

$( "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方法的类型，将在重新加载页面之后调用here you have some examples你的toastr函数。

使用onclick事件显示toastR以进行表单提交

1 个答案: