ajax request js code example

Example 1: ajax request

$.ajax({
       url : 'more_com.php', //PHP file to execute
       type : 'GET', //method used POST or GET
       data : {variable1 : "some data"}, // Parameters passed to the PHP file
       success : function(result){ // Has to be there !
           
       },

       error : function(result, statut, error){ // Handle errors

       }

    });

// NOTE : Parameters will be available either through $_GET or $_POST according
// to the method you choosed to use. 
// Here you will get your variable "variable1" this way : $_GET['variable1']

Example 2: $.ajax javascript

$.ajax({
    url: 'https://example.com/your-page',
    success:function(data){
        //'data' is the value returned.
    },
    error:function(){
        alert('An error was encountered.');
    }
});

Example 3: ajax open a request

<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  
  //looking for a change or state , like a request or get.
  xhttp.onreadystatechange = function() {
     
     //if equal to 4 means that its ready.
    // if equal to 200 indicates that the request has succeeded.
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  
  //GET method for gettin the data // the file you are requesting
  xhttp.open("GET", "TheFileYouWant.html", true);
  
  //sending the request
  xhttp.send();
}

Tags:

Php Example