Javascript 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

我有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=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
  • 单击取消,关闭弹出窗口

使用类似引导模式的模式,这只是一个div,您可以在其中放置两个按钮(取消/确认)并在其周围放置一个a标记。您可以使用普通javascript的ajax和jQuery。这里有一个链接,您可以使用一个简单的
确认
对话框-基本但简单