显示带有表单提交的单击事件的 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 函数将在重新加载页面后被调用。
相关文章:
- 使用clickToggle并在单击另一个元素时关闭元素
- 单击时将焦点更改为元素
- 单击F5时如何停止页面加载
- 通过单击表单中的按钮,在代码生成中使用javascript生成字母数字代码
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 单击jquery清除输入值
- 单击按钮以等待单击按钮
- 在单击href链接的同时下载文件
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- 使图像在单击时展开到不大于浏览器
- 单击按钮后如何逐个调用分区,上一个分区将隐藏
- 如何在单击复选框后调用控制器方法
- 单击页面上的链接后高度发生变化
- 使用jquery在单击时在单元格中输入值
- 将纯文本URL转换为可单击链接
- ASP.NET通过单击JavaScript按钮触发c#事件
- 单击更改图标并通过javascript添加一个css类
- 阻止在select2单击时调用ajax
- 复制图像路径以单击它
- 显示带有表单提交的单击事件的 toastR