帶有javascript onClick的href組合

Question

如何使javascript“ onClick ”和html“ a href ”合並為一個鏈接？ 我希望當我單擊鏈接時，第一步是“ onClick”，第二步是“ onClick”成功時，您需要使用“ a href”重定向到另一個頁面。

1. 第一步：onClick =“ ajaxrequest（'/ includes / docx / boekenlijst.php'，'docgegevens'）

和

2. 第二步：a href =“ / Raymond_converters / docx / example.php”> doc

希望您能幫我，但我的英語不太好。 對此我感到抱歉。

Answer 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>

Answer 2

這並不簡單，因為如果讓鏈接執行其默認操作（即重定向到其href），則不會觸發AJAX請求。

您需要做的是：

1. 處理onclick並通過return false;取消默認操作return false;
2. 完成AJAX請求后（以其成功的回調方法），將用戶手動重定向到鏈接href位置。

Answer 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();
}