Home/ Questions/Q 6178371
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T00:26:43+00:00

I am attempting to make a dead simple webpage that does things when I

  • 0

I am attempting to make a dead simple webpage that does things when I click a button.

I am trying to use Javascript so I don’t have to reload the main page or anything.

So I want a button that says “Shutdown”, and I simply want to run shutDown.php that will shut down the server when I click on this.

I’ve been searching for an hour now and can’t find a simple example. Could someone please post a very simple, example, or a link to one?

Many thanks 🙂

EDIT:
Okay so here’s my pitiful attempt.. it doesn’t work.. any tips?

<html>
<head>
<title>Control Page</title>
</head>

<body>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
/*************************************
JQUERY EXAMPLE
*************************************/
$('#mysubmit').click(){
    var jqueryXHR = $.ajax({
        'type': 'POST',
        'url': 'http://localhost/killIE.php',
        'dataType': 'json'
       });
    }
}
</script>

<input type="submit" name="mysubmit" value="Click!" />


</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yep – technology called called AJAX.
    You can either write it in raw javascript or use ready made libraries.
    The most popular JS library nowadays (subjectively) is jQuery, I’ll use it in my example.

    NOTE: this will trigger your shutDown.php PHP script on the server without reloading the page. But – you won’t be able to parse web requests obviously after you shutdown your server :)…

    /*************************************
JQUERY EXAMPLE
*************************************/
$('#myShutdownButton').click(){
    var jqueryXHR = $.ajax({
        'type': 'GET',
        'url': 'http://someServer.com/shutDown.php',
        'data': {'shutdownServer': 'yes'},//optional
        'dataType': 'json'
       });
    }
}

    P.S. I assume that you know that you have to load jQuery library first in your html file header, something like this:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

    And then put that jquery code inside of script tags:

    <script>
...that jQuery code...
</script>

    UPDATED BY REQUEST – complete script version

    <html>
<head>
<title>Control Page</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script>
        //we need document.ready call to make sure that DOM loaded before we try to bind anything
        $(document).ready(function() {
            //Here we bind click event
            $('#mysubmit').bind('click', function(e){e.preventDefault();
                //This is what happens on click - we send AJAX request
                var jqueryXHR = $.ajax({
                    'type': 'POST',
                    'url': 'http://localhost/killIE.php',
                    'dataType': 'json'
                   });
                //And when AJAX requests complete(succeeded or failed) - we update text
                jqueryXHR.complete(function(){  
                    $('span#result').html('Oh no!!! the End is neearh! erver is shutting DoWn.')
                });
            })
        });
    </script>
</head>
<body>
    <input type="submit" id="mysubmit" value="Kill da server!" style = "margin-left:100px; margin-top:100px;" />
    <br/>
    <br/>
    <br/>
    <span id = "result">Not clicked yet - good!</span>

</body>
</html>
    • 0