How to do an onclick ajax call to a php file, with jquery?

Question

I have a link, which links to domain.com , when a person clicks, I want it to do an ajax call to counter.php and post 2 variables to it, so it can add 1 to the views for that link.

I have a link:

<a href="http://www.domain.com" onClick="addHit('12345', '1')" rel="nofollow" target="_blank">Link Title</a>

How would I do this with jquery?

EDIT:

I tried something like this

function addHit(str, partNumber){
$.get("counter.php", { version: str, part: partNumber })                
}

It seems to work, but in firebug, the request never completes... it just does that "working..." animation. counter.php echos out some text when its done (doesnt need to show up anywhere).

Dustin Laine · Accepted Answer · 2010-03-22 23:58:04Z

5

From the jQuery documentation: http://api.jquery.com/jQuery.ajax/

function addHit(data1, data2)
{
    $.ajax({
       type: "POST",
       url: "http://domain.com/counter.php",
       data: "var1=data1&var2=data2",
       success: function(msg){
         alert( "Data Saved: " + msg ); //Anything you want
       }
     });
}

edited Mar 22, 2010 at 23:58

answered Mar 22, 2010 at 23:52

Dustin Laine

38.7k10 gold badges90 silver badges125 bronze badges

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

2 Comments

user15063 Over a year ago

Im looking at this thru firebug, and it never "completes" the requests, it just has a working.... animation, as if its hanging.

Dustin Laine Over a year ago

Try accessing your PHP directly and see the result.

lemon · Accepted Answer · 2010-03-23 00:24:32Z

0

You need to add a callback on success

function addHit(str, partNumber){
$.get(
"counter.php", 
{ 
 version: str, 
 part: partNumber 
},
function(data){
   alert("Data Loaded: " + data);
 })
)};

answered Mar 23, 2010 at 0:24

lemon

9,2158 gold badges41 silver badges48 bronze badges

2 Comments

user15063 Over a year ago

There is a success callback, and it works. Yet its still doing the spinning dance.

lemon Over a year ago

Hmmm, I've tried it in my machine and the code & Firebug works. I can't seem to reproduce your timeout error.

Nick Craver · Accepted Answer · 2010-03-23 01:29:01Z

0

In the case of an anchor, you're leaving the page, so firebug's going to show some weird behavior here as it thinks execution would stop. Unless you're also preventing the default event behavior of the anchor...you're leaving the page and the request (in firebug's view) is discarded.

answered Mar 23, 2010 at 1:29

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Collectives™ on Stack Overflow

How to do an onclick ajax call to a php file, with jquery?

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related