与 javascript onClick 的 href 组合答案

【问题标题】：a href combi with javascript onClick与 javascript onClick 的 href 组合
【发布时间】：2012-12-05 14:57:43
【问题描述】：

如何将 javascript "onClick" 和 html "a href" 合并为一个链接？我希望当我单击链接时，第一步是“onClick”，而当“onClick”成功时，您将使用“a href”重定向到另一个页面。

第一步：onClick="ajaxrequest('/includes/docx/boekenlijst.php', 'docgegevens')

和

第二步：a href="/Raymond_converters/docx/example.php">doc

我希望你能帮助我，但我的英语不太好。对此我很抱歉。

【问题讨论】：

标签： javascript html onclick hyperlink ajax-request

【解决方案1】：

使用 jQuery，你可以试试这个：

<script type="text/javascript">
    $(document).ready(function() {
        var call_ajax = true;
        $('#alink').click(function(e) {
            if (call_ajax) {
                e.preventDefault();
                // Do AJAX
                call_ajax = false;
            }
        }
</script>

<a href="http://www.google.com" id="alink">google</a>

【讨论】：

【解决方案2】：

这并不简单，因为如果您让链接执行其默认操作，即重定向到其 href，则不会触发 AJAX 请求。

你需要做的是：

通过return false; 处理 onclick 并取消默认操作
AJAX 请求完成后（在其成功回调方法中）手动将用户重定向到链接 href 位置。

【讨论】：

【解决方案3】：

Try to use jquery with a dummy callback:


<a onclick="function1()" >function</a>

function function1(someVariable,function() {
          function2(someOtherVariable);
          window.location="http://www.yourpage.com/";   

})



function function2(someVariable, callback) {
  ...YUOR CODE HERE
  callback();
}

【讨论】：