javascript - jQuery Ajax HTTP 请求进入点击功能 - 不工作

Question

我的问题是:

是否可以使用 jQuery 在点击功能中执行 Ajax 请求？ (见下面的例子)，如果是这样，我做错了什么？因为我无法执行任何请求(我正在通过我的成功功能提醒数据，但没有检索到任何内容)。

非常感谢您的帮助! :)

 function tracker(){

    this.saveEntry = function(elementTracked, elementTrackedType){      
    var mode = "save";
    var dataPost = "mode="+mode+"&elementTracked="+elementTracked+"&elementTrackedType="+elementTrackedType;        
    $.ajax({
        type: "POST",
        url: 'myURL',
        data:dataPost,
        success:function(msg){
            alert(msg);             
        },
        beforeSend:function(msg){
            $("#trackingStatistics").html("Loading...");
        }
    });
    return;
},
    this.stopLinksSaveAndContinue = function(){
    var fileName;
    $("a[rel^='presentation']").click(function(e){      
        fileName = $(this).attr("rel").substring(13);   
        this.saveEntry(fileName,"Presentation");                                        
    })                  
}

Answer 1

如果您的 anchor 链接到 href 属性，那么这可能会中断您的 AJAX 请求。最近在以下 Stack Overflow 帖子中讨论了类似的问题:

• window.location change fails AJAX call

如果您真的想坚持使用 AJAX 进行链接跟踪，您可能需要执行以下操作:

<a href="#" onclick="tracker('http://www.google.com/'); return false;">Link</a>

使用以下 JavaScript 逻辑:

function tracker(url) {
    $.ajax({
        type: 'POST',
        url:  'tracker_service.php',
        data: 'some_argument=value',

        success: function(msg) {
            window.location = url;
        }
    });           
}