Javascript PHP和对话框来传递请求
我有MySQL查询,它们生成的列表实际上是指向其他PHP脚本的链接,如删除记录等。。看起来是这样的:Javascript PHP和对话框来传递请求,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我有MySQL查询,它们生成的列表实际上是指向其他PHP脚本的链接,如删除记录等。。看起来是这样的: <a href="delete_record.php?id=1">Title A</a></br> <a href="delete_record.php?id=2">Title B</a></br> <a href="delete_record.php?id=3">Title C</a></br
<a href="delete_record.php?id=1">Title A</a></br>
<a href="delete_record.php?id=2">Title B</a></br>
<a href="delete_record.php?id=3">Title C</a></br>
...
<a href="delete_record.php?id=xyz">Title n</a></br>
...
我想做的是打开一个“对话框”,并在有人使用链接时确认或取消请求
我知道我可以通过OnClick使用jQuery来实现,但我不知道在有人单击“确认”后如何将请求传递给delete_record.php脚本或任何其他php脚本。如果不想为此使用库,可以将记录id存储为元素的一个易于访问的属性。生成的HTML看起来像:
<a data-id="1" href="delete_record.php?id=1">Title A</a></br>
<a data-id="2" href="delete_record.php?id=2">Title B</a></br>
<a data-id="3" href="delete_record.php?id=3">Title C</a></br>
...
<a data-id="xyz" href="delete_record.php?id=xyz">Title n</a></br>
...
然后绑定到标记的click事件处理程序,从elements数据ID属性访问ID,并更新通过模式中的confirm按钮显示给用户的URL 您可以使用如下javascript函数
...
- 通过javascript绑定锚定标记上的单击事件
- 在事件回调函数中,您将获取事件对象作为参数
- 调用event.preventDefault()方法。这将阻止锚点单击的默认行为
- 获取href值并将其存储在回调函数内的变量(url)中
- 打开一个弹出窗口,其中将有确认和取消按钮
- 单击确认后,替换当前窗口url。window.location.href=url
- 单击取消,关闭弹出窗口
确认对话框-基本但简单