Image

Jquery AJAX Post Request REST API

We are going to make Jquery form data ajax post request.

Basically we have used jquey ajax to make our api call which is of form data type  and the response we are going to get is in json format.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
      var formDataSet;
    formDataSet = new FormData();
    formDataSet.append('mobile_telephone',6974512397);
    formDataSet.append('password',123456);
   $.ajax({
        url: 'https://testserver.com/api/login',
        headers: {
            'Authorization':'testauth',
        },
        data: formDataSet,
        processData: false,
          contentType: false,
        type: 'POST',
        success: function(data){
          console.log('succes: '+data);
        }
      });
  });
});
</script>
</head>
<body>
<h2>AJAX REST-API Post Request(form-data)</h2>
<button>Get External Content</button>
</body>
</html>

Response

Categories: Java Script Tags: #JQuery,

Newsletter Subcribe

Receive updates and latest news direct from our team. Simply enter your email.