How can i call the WCF service using Jquery or Javascript

Hi,
You can call WCF service using Jquery AJAX like this

var domain = location.host;

var serviceurl = "http://" + domain + "/WebApplication/TextWcfService.svc/GetData";

function GetDataFromWCFService() {

$.ajax({

type: "POST",

url: serviceurl,

contentType: "application/json; charset=utf-8",

dataType: "json",

success: AjaxSucceeded,

error: AjaxFailed

});

}

function AjaxSucceeded(result) {
$("#dvMessage").html(result);

}

function AjaxFailed(result) {

alert(result.status + ' ' + result.statusText);

}

in your WCF service

[ServiceContract(Namespace = "")]

[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]

[ServiceBehavior(IncludeExceptionDetailInFaults = true)]

public class TextWcfService

{

[OperationContract]

[WebInvoke(Method = "POST",

BodyStyle = WebMessageBodyStyle.WrappedRequest,

ResponseFormat = WebMessageFormat.Json,

RequestFormat = WebMessageFormat.Json)]

public string GetData()

{

var result = "Test Data";

return result;

}

Regards,
Iftikar

1 Reply

Know the answer? Post it — somebody with the same question will find it here.