Send POST value through AJAX

Question

Let's say I have the following code:

<a href="index.php">Link</a>

When the link is clicked I want it to pass on a POST value named a containing b, so that I on index.php can reach it with $_POST['a']. I understand that this is a job for AJAX, but how?

You should ask questions about AJAX's detailed features and how to use them properly. Not how to use AJAX's basic mission. — alioguzhan, May 01 '13 at 01:01
possible duplicate of [jQuery AJAX POST example](http://stackoverflow.com/questions/5004233/jquery-ajax-post-example) — Reno, May 01 '13 at 12:52

gillyspy · Answer 1 · 2013-05-01T13:20:56.527

1

it is going to be something like this:

create a handler on the anchor
since you're using jQuery you can use the AJAX helpers. THere is a simpler "post" method in the jQuery API docs but i don't bother with it. (notice the statement about post() being shorthand version of ajax()

e.g.

$('a').on('click', function () {
    $.ajax({
        type: "POST",
        url: "index.php",
        data: {
            "a": "b"
        },
        success: function () {
            // a function called after POST   
        }  // end success
    }); // end ajax

    // optional code here that is run asynchronously from the POST above but also triggered by the click
           return false; 
}); // end on click

edited May 01 '13 at 13:20

answered May 01 '13 at 01:06

gillyspy

1,578
8
14

I can't seem to get your code to work. The link takes me to index.php, where I run print_r($_POST), but nothing is ever returned. I suspect that I haven't "created a handler on the anchor", whatever that means. – Zebra123 May 01 '13 at 01:38
the handler in the the `'click'` event delegated by the `on()` method. Because you're using a link to index.php in the html I can't tell where your problem is. Perhaps to keep things simple change your `a` (anchor) to a different element like a `p`. Since we're adding a `click` handler we don't need to use the anchor's default event. You won't get the nice finger-pointer but we're just simplifying things for now. However, i added a `return false` above though which should stop the default request. If you do stay with an anchor then maybe change it to `` – gillyspy May 01 '13 at 13:23

score 0 · Answer 2 · answered May 01 '13 at 00:56

0

First you'll need to learn a little more about JQuery Ajax functions:

http://www.w3schools.com/jquery/jquery_ajax_intro.asp

The examples there should be a good start for what you want. Update your question if you have any specific question.

answered May 01 '13 at 00:56

Francisco Afonso

247
1
15

score 0 · Answer 3 · answered May 01 '13 at 00:58

0

Try taking a look at the jQuery.post() documentation page. The 2nd example listed shows you how to pass data explicitly to a specific URL such as "index.php".

answered May 01 '13 at 00:58

Marty

241
1
2
5

Send POST value through AJAX

3 Answers3