Script Function how to send call to php page

Question

Basically I want to have a button on my HTML/PHP page which will once clicked send a call to another php page which will update a value in mysql table.

    <html>
    <head>
    <script>
    src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">
    function toggleText(button_id){
            if(document.getElementById(button_id).innerHTML == "Uninstall All"){
                    document.getElementById(button_id).innerHTML = "Cancel Uninstall";
                    //ajax////////////////////
                    xmlhttp = new XMLHttpRequest();
                    xmlhttp.open("GET", "valueChange.php?uninstalled=1&type=all", true);
                    xmlhttp.send();
                    ////////////////////////
            }
 }
    </script>
    </head>

I'm curious why this isn't working.

I had tested my toggleText function without the ajax and it changed the HTML properly.

But once I add in the ajax to visit this valueChange.php page and update an sql value it doesn't work.

I've tested the php page by itself and it properly updated the value in sql.

I've never used ajax so I'm curious if I'm doing it wrong? I thought my src = "google/ajax/jquery" was the way to install it. Or is there a library I need to install on the VPS hosting my site?

I thought the xmlhttp object was ajax? Took it straight off W3 schools. — mocode9
– mocode9, Commented Nov 27, 2016 at 2:03

Pushkar · Accepted Answer · 2016-11-27 05:02:30Z

2

The only mistake I see in above code is just a typo. See line 3 you closed the script tag before the second attribute it should have been <script src="*link to jQuery*" ></script>

And another thing you don't need to use the jQuery library to use XMLHttpRequest() method.

The modified code:

<html>
<head>    
<script>
 function toggleText(button_id)
{
        if(document.getElementById(button_id).innerHTML == "Uninstall All")
            {
                document.getElementById(button_id).innerHTML = "Cancel Uninstall";
                //ajax////////////////////
               var xmlhttp = new XMLHttpRequest();
                xmlhttp.open("GET", "valueChange.php?uninstalled=1&type=all", true);
                xmlhttp.send();
                ////////////////////////
        }
}
</script>
</head>

answered Nov 27, 2016 at 5:02

Pushkar

78015 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Script Function how to send call to php page

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