Pass a PHP variable to jquery ajax post function stored in another js file

Question

For example I have a variable $abc. I want to somehow pass it to the jQuery AJAX POST function which is stored in another JS file. The post function will pass that variable to page2.php and this page will use it to query database and finally display the content of page2.php on the current page.

So how do I actually pass the $abc variable to the jQuery post function which is in an external JS file?

Rory McCrossan · Accepted Answer · 2015-06-30 09:03:27Z

1

You can use data-* attributes to achieve this. In your HTML, you can add that attribute with the $abc PHP variable:

<a href="#" data-var="<?php echo $abc ?>">Foo</a>

Then in your external JS file, you can read this attribute from the element which raised the event and include it in the AJAX data:

$('a').click(function(e) {
    e.preventDefault();
    $.ajax({
        url: '/bar/',
        data: {
            foobar: $(this).data('var')
        }
    });
});

answered Jun 30, 2015 at 9:03

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

Collectives™ on Stack Overflow

Pass a PHP variable to jquery ajax post function stored in another js file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related