与javascript onClick的href组合

时间:2012-12-05 14:57:43

标签: javascript html onclick hyperlink ajax-request

如何将javascript“ onClick ”和html“ a href ”合并为一个链接?我希望当我点击链接时,第一步是“onClick”,第二步是“onClick”成功后,你将“a href”重定向到另一页。

  1. 第一步:onClick =“ajaxrequest('/ includes / docx / boekenlijst.php','docgegevens')
    1. 第二步:a href =“/ Raymond_converters / docx / example.php”> doc
    2. 我希望你能帮助我,但我的英语不太好。对不起,我很抱歉。

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

您需要做的是:

  1. 处理onclick并通过return false;
  2. 取消默认操作
  3. 当AJAX请求完成时(在其成功回调方法中)手动将用户重定向到链接href位置。

答案 2 :(得分:0)

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