Using Ajax with JQuery .on()

Question

I am trying to combine these two functions but my knowledge of Ajax and JS isn't that strong yet and I don't know how i would go about doing it.

$(document).on('click', '.list_item', function() {
    var indx = $(this).index();
});

$.ajax({
    type: 'POST',
    url: 'NavBar.php',
    data: {'indx': pat_id},
});

basically I want to send the JS variable indx to the php variable pat_id.

When the user clicks on the li it would be received as something like this.

<li class= "list_item" onclick ="<?php $pat_id = $_POST ['indx']; ?>">

this would all be happening inside the same php file: NavBar.php.

Put the ajax call inside the click?

epascarello
– epascarello

2016-06-16 13:08:58 +00:00
Commented Jun 16, 2016 at 13:08 — epascarello
– epascarello, Commented Jun 16, 2016 at 13:08

Dhara Parmar · Accepted Answer · 2016-06-16 12:37:08Z

2

Try this:

    $(document).on('click', '.list_item', function() {
        var indx = $(this).index();
        $.ajax({ // add ajax code here
        type: 'POST',
        url: 'NavBar.php',
        data: {pat_id: indx}, // send parameter like this
        success: function(response) {
               console.log(response);
        }
        });
    });

So in NavBar.php you can access pat_id like this:

echo $_POST['pat_id'];

answered Jun 16, 2016 at 12:37

Dhara Parmar

8,1231 gold badge19 silver badges27 bronze badges

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

3 Comments

H.H. Over a year ago

Just to clarify in the it would look something like this <li onclick = echo $_POST ['pat_id']> and the variable pat_id would have the value of the JS variable? or would I have to write the POST command outside of the li?

Dhara Parmar Over a year ago

$_POST['pat_id'] will contain the indx js variable's value, and yes you can use it in li using $_POST['pat_id']....

H.H. Over a year ago

it's giving me an error saying that pat_id is not defined but the console reacts with XHR finished loading POST followed by errors similar to: Fatal error: Uncaught exception 'Zend_Acl_Exception' with message 'Resource 'shiprequest_NavBar.php' not found...I don't see why there's a pathing issue when I am sending the post to the same url containing the code

Collectives™ on Stack Overflow

Using Ajax with JQuery .on()

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related