Home/ Questions/Q 8493497
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T23:01:40+00:00

I need button to begin a mysql query to then insert the results into

  • 0

I need button to begin a mysql query to then insert the results into a javacript code block which is to be displayed on the same page that the button is on. mysql queries come from the values of drop-down menus.

Homepage.php contains 

two drop down menus

div id='one' to hold the results javscript code block

a button to stimulate the mysql query to be displayed in div id ='one' through Javascript

flow of the process is as such
1. user chooses an option from each drop down
2. when ready, the user clicks a button
3. the onclick runs a mysql query with selections from the drop down menu.
4. send the results as array from the mysql query into the javascript code block
5. display the results in div id ='one'

all of this needs to happen on the same page!

The problem I am having is that as soon as the page is loaded, the javascipt is static. I am unable to push the mysql results into the javascript on the page which I need it to appear on. Having everything on the same page is causing trouble.

I’m not looking for the exact code laid out for me, just a correct flow of the process that should be used to accomplish this. Thank you in advance!

I’ve tried

using both dropdowns to call the same javascript function which used httprequest. The function was directed towards a php page which did the mysql processing. The results were then return back through the httprequest to the homepage.

I’ve tried to save the entire Javascript code block as a php variable with the mysql results already in it, then returning the variable into the home page through HTTPRequest, thinking I could create dynamic javascript code this way. Nothing has worked

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to use a technology called AJAX. I’d recommend jQuery’s .ajax() method. Trying to do raw XHR is painful at best.

    Here is how you’ll want to structure your code:

    1. Load the page.
    2. User chooses an option.
    3. An onChange listener fires off an AJAX request
    4. The server receives and processes the request
    5. The server sends back a JSON array of options for the dependent select
    6. The client side AJAX sender gets the response back
    7. The client updates the select to have the values from the JSON array.

    Basically, HTTP is stateless, so once the page is loaded, it’s done. You’ll have to make successive requests to the server for dynamic data.

    • 0