jQuery Ajax HTTP Request INTO a click function - not working

Question

My question is:

Is it possible to do an Ajax request WITHIN a click function, with jQuery? (see example below), If so, what am I doing wrong? Because I'm not being able to do any request (I'm alerting the data through my success function and nothing is being retrieved).

Thank you very much in advance for any help! :)

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

}

could you indent your code, its difficult to read like that! — David
– David, Commented Feb 15, 2010 at 12:54

Community · Accepted Answer · 2017-05-23 10:33:02Z

1

If your anchor is linked with the href attribute, then this may be interrupting your AJAX request. A similar problem was recently discussed in the following Stack Overflow post:

window.location change fails AJAX call

If you really want to stick to using AJAX for link tracking, you may want to do the following:

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

With the following JavaScript logic:

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

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

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Feb 15, 2010 at 13:16

Daniel Vassallo

346k72 gold badges514 silver badges447 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mutation Person · Accepted Answer · 2010-02-15 12:57:02Z

1

Have you considered the possiblity that the request might be failing. If so, you're never going to hit the alert.

Can you confirm that the beforeSend callback is being fired?

Also, I'm assuming 'myURL' isn't that in your real-world source code?

There may also be something awry in the }, that closes your function.

answered Feb 15, 2010 at 12:57

Mutation Person

30.6k18 gold badges102 silver badges166 bronze badges

3 Comments

Teknotica Over a year ago

Hi James, Yeah, the URL has a real value in my code. I'm using other request in other places and they work perfect, but this one in particular is being called when a link is clicked so, I thought probably I was not allowed to do that...

Teknotica Over a year ago

Hi! I think the problem is the link itself. The event is triggered and there is no chance for the request to be made. Should I prevent the link AFTER the request? In the success function? or BEFORE? Thank you!

Mutation Person Over a year ago

Are you still wanting the anchor link to function? If not then you can stop the event. See my answer to the following post: stackoverflow.com/questions/2118560/…

David · Accepted Answer · 2010-02-15 12:57:56Z

1

Im guessing some sort of error is being generated. Try adding

  error:function(a,b){
        alert(a);             
    },

After 'success'

answered Feb 15, 2010 at 12:57

David

8,7307 gold badges52 silver badges71 bronze badges

2 Comments

Teknotica Over a year ago

Hi! I think the problem is the link itself. The event is triggered and there is no chance for the request to be made. Should I prevent the link AFTER the request? In the success function? or BEFORE? Thank you!

David Over a year ago

Anything you want to happen afterwards, you can call from inside the success method.

Collectives™ on Stack Overflow

jQuery Ajax HTTP Request INTO a click function - not working

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related