Call Webservices from HTML, Not able to receive the API response

Question

Hi,

Please find the below Codeing screen shot for Webservice:

Postman screen shot:

Here is the HTML calling the webservice:

Html Response:

Please help me how to retrive the response data from HTML page.

Amit Mohanty · Answer

Your API method type is POST method, so your ajax type dhould be POST. $(document).ready(function() { var url = 'YourApiUrl'; var payload = { values: '100000003' }; $.ajax({ url: url, type: 'POST', contentType: 'application/json', data: JSON.stringify(payload), success: function(response) { // Process the response data console.log(response); }, error: function(xhr, status, error) { // Handle error console.log(error); } }); });

ashid das · Answer

@Amit Mohanty it is not reaching to API

Amit Mohanty · Answer

Try this: $(document).ready(function() { var url = 'YourWebService.asmx/YourWebServiceMethod'; var values = '100000003'; var queryString = '?values=' + encodeURIComponent(param1); $.ajax({ url: url + queryString, type: 'GET', contentType: 'application/json', success: function(response) { // Process the response data console.log(response); }, error: function(xhr, status, error) { // Handle error console.log(error); } }); });

Call Webservices from HTML, Not able to receive the API response

Answers (3)