php array to javascript based off of button click

Question

Overview - you click on a button(on a javascript page), that will send a request to a php page to pull up a specific array, then that array should be sent back to the javascript page. When that array is passed into the javascript page, I need to pass it into a function for use. Does anyone know of what to do.

What I am currently doing is below -

<form action="GetTest.php" method="post">
    Something: <input id = "something" input type="submit" name="q" on/>
</form>

When i click on submit, I am redirected to my php page which has the array I need(which is expected), but I don't know what to do from there onwards. Any help on this will be very much appreciated.

Look into AJAX with JSON, most likely using the jQuery $.ajax() function. — Jonathan M
– Jonathan M, Commented Jul 6, 2012 at 16:10

Nadav S. · Accepted Answer · 2012-07-06 16:19:29Z

2

You have two methods that can help you:

Using GET or POST values - in your case POST. Inside GetTest.php use $_POST variables to handle the data received from your form.

Reference: $_POST documentation
Using AJAX functionality. In this case you will be using XMLHTTPRequest or $.ajax (if you are about to use jQuery).

Reference: Using jQuery and AJAX - NetTuts+, or AJAX Tutorial - W3Schools

answered Jul 6, 2012 at 16:19

Nadav S.

2,4593 gold badges25 silver badges39 bronze badges

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

2 Comments

hellsgate Over a year ago

+1 for linking to learning resources for this rather than giving code. Would definitely suggest using the jquery implementation to minimise cross browser issues

user1472224 Over a year ago

Thanks for the help guys, definitely going the jquery route!!

Daniel Li · Accepted Answer · 2012-07-06 16:27:35Z

0

First off, handle the HTML so that you aren't passing it over to the PHP form at all (staying on the page):

Changing:

<form action="GetTest.php" method="post">
    Something: <input id = "something" input type="submit" name="q" on/>
</form>

To:

    Something: <input id = "something" input type="submit" name="q" on/>

Then, look into jQuery's AJAX functionality:

$("#something").click(function() {
    $.ajax({
      url: 'GetTest.php',
      type: 'POST',
      success: function(data){
        alert('success');
      },
      error: function(){
        alert('failure');
      }
    });
});

You can retrieve the POST data from GetTest.php and transfer it directly through Javascript as a result.

Good luck!

edited Jul 6, 2012 at 16:27

answered Jul 6, 2012 at 16:12

Daniel Li

15.6k6 gold badges45 silver badges60 bronze badges

1 Comment

user1472224 Over a year ago

I think I am missing something, I just wrote this in my code. But, I still get sent to my php page when i click on my button. What I need that button is to pull the php array while still staying on the javascript page, any idea on this at all

Collectives™ on Stack Overflow

php array to javascript based off of button click

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related