Javascript 通过ajax存储数据,然后转到该URL

Javascript 通过ajax存储数据,然后转到该URL,javascript,php,jquery,ajax,events,Javascript,Php,Jquery,Ajax,Events,我是来帮忙的 <a class="text" href="http://test.com?id=87"><img src="/2016/02/BlueFantasyThumb.jpg"><h3>Milky</h3></a> 当我点击这个按钮时,我需要做一些我知道如何做的ajax事情。但问题是我需要执行ajax,然后转到该href链接 单击后,我知道使用e.preventDefault();我们可以防止违约行为。但情况是我不想阻止这

我是来帮忙的

<a class="text" href="http://test.com?id=87"><img src="/2016/02/BlueFantasyThumb.jpg"><h3>Milky</h3></a>

当我点击这个按钮时,我需要做一些我知道如何做的ajax事情。但问题是我需要执行ajax,然后转到该href链接

单击后,我知道使用e.preventDefault();我们可以防止违约行为。但情况是我不想阻止这一切。我希望在ajax实现之后立即发生该事件,而不受任何阻碍


任何形式的投入都会对我有很大帮助。谢谢。

您可以将
href
值存储在变量中,调用
e.preventDefault()
以防止重定向并运行ajax代码。在ajax成功回调中,您可以选择
href
值并使用javascript重定向到该链接

$("a.text").on("click", function(e){
 e.preventDefault();
 var href = $(this).attr("href");
 $.ajax({
  url: URL,
  data: DATA,
  success: function(response){
   // your code here to be executed before redirecting
   window.location.href = href;
  }//success
 });//ajax
});//click

您可以将
href
值存储在变量中,调用
e.preventDefault()
以防止重定向并运行ajax代码。在ajax成功回调中,您可以选择
href
值并使用javascript重定向到该链接

$("a.text").on("click", function(e){
 e.preventDefault();
 var href = $(this).attr("href");
 $.ajax({
  url: URL,
  data: DATA,
  success: function(response){
   // your code here to be executed before redirecting
   window.location.href = href;
  }//success
 });//ajax
});//click
1) 设置html格式

<a class="text" data-href="http://test.com?id=87"><img src="/2016/02/BlueFantasyThumb.jpg"><h3>Milky</h3></a>
1) 设置html格式

<a class="text" data-href="http://test.com?id=87"><img src="/2016/02/BlueFantasyThumb.jpg"><h3>Milky</h3></a>

将href更改为javascript:

然后您的ancor标记onclick事件调用ajax调用的函数

内置ajax成功函数


window.location.href=“”

将href更改为javascript:

然后您的ancor标记onclick事件调用ajax调用的函数

内置ajax成功函数


window.location.href=“”

要在链接上调用ajax,请单击鼠标右键?从UI中删除href。在Javascript中,调用锚标记的click事件并首先执行ajax。如果成功,请拨打href.yes。感谢您的所有输入。如果您想在链接上调用ajax,请单击鼠标右键?从UI中删除href。在Javascript中,调用锚标记的click事件并首先执行ajax。如果成功,请拨打href.yes。感谢所有的输入。可能的副本