JSFiddle - React, Tailwind, and code Playground

by Abid Shaik

HTML

<!-- Calling BD WCF Services from jQuery Demo --> 
<h2>WCF Ajax using jQuery Demo</h2>
<div class="container">
<textarea id="txtResult" type="text" col="6" row="10"></textarea>
</div>

CSS

#txtResult{
  width: 500px; 
  height: 700px;
}

JavaScript

/*Calling BD WCF Services from jQuery */

$(document).ready(function(){

var params = '{ "securityInfo" : {"ClientId":"1","CenterId":"1","Username":"USER","Password":"PASS"}, "contactId":"1"}'; 

$.ajax(
{
url: 'http://doradobeach.brightdoor.com/wcfws/WS.svc/GetAllProducts',
type: "POST",
dataType: "json",
data: params,
processData: false,
contentType: "application/json;",
success: function(data,success,fullData)
{
console.log(data); console.log(success); console.log(fullData);
$("#txtResult").val(fullData.responseText); 
}, 
error: function (x, e) {
console.log(x); console.log(e);
}
});
});