XMLHttpRequest Sınıfı

constructor
Şöyle yaparız.

if (window.XMLHttpRequest) {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp = new XMLHttpRequest();
} else {
  // code for IE6, IE5
   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}

open metodu
Örnek
Şöyle yaparız

var xhr = new XMLHttpRequest();

xhr.withCredentials = true;

xhr.open("POST", "https://apiurl");

xhr.send(data);
  xhr.addEventListener("readystatechange", function() {
  console.log("readyState="+this.readyState);

    if(this.readyState === 4) {

      console.log("status="+this.status);
      console.log("response="+this.responseText);
      document.getElementById("demo").innerHTML = this.status+" "+this.responseText;

     }
  }); 
  return false;
}

Örnek
Örnek ver.

JQuery ve Ajax

ajax metodu
get post gibi şeyler yapılabilir.
Örnek
Şöyle yaparız.

$.ajax({
    url : 'http://localhost:8080/log',
    type : 'POST',
    contentType : 'application/json',
    data : JSON.stringify({
        "user" : $("#loginUser").val(),
        "password" : $("#loginPass").val()
    }),
    success : function(jqXhr, textStatus, data) {
      localStorage.setItem("user",$("#loginUser").val());
      window.open("../dashboard/home.html", "_self");
      console.log(data);
    },
    error : function(jqXhr, textStatus, errorThrown) {
      console.log(errorThrown);
    }
});

Örnek
Kutuya yazıldıkça bilgi çekmek için şöyle yaparız

$(document).ready(function () {
  $('#vendor_id').on('keyup',function() {
    var query = $(this).val();
    $.ajax({
      url:"{{ route('admin.search') }}",
      type:"GET",
      data:{'vendor':query},
      success:function (data) {
        $('#vendor_list').html(data);
      }
    })
  });

  $(document).on('click', 'li', function(){
    var value = $(this).text();
    var id = $(this).attr('id');
    $('#vendor_name').val(value);
    $('#vendor_id').val(id);
    $('#vendor_list').html("");
  });
});

get metodu
Şöyle yaparız.

<script>
  var flag;
  $.get("http://ctf2.animan.xyz/cgi-bin/challenge.py", function(data) {
    flag = data;
  });
  ...
</script>

post metodu
Şöyle yaparız.

$.post('...', { field1: "hello", field2 : "hello2"}, 
  function(returnedData){
    console.log(returnedData);
});