Ajax Enabled WCF Service

Introduction

        In this article, we are going to see how to use Ajax Enabled WCF Service in a website. Let us go through this application Step by Step.

Step 1:

       Open VS2008->create new website->name it->Right click on the website->Add new item ->Select Ajax Enabled WCF Service->name it as Service.svc which is by default at the first instance.

Step 2:

     Now lets write simple lines of code in service.cs class which is located in App_code folder.

using System;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Activation;
using System.ServiceModel.Web;
[ServiceContract(Namespace = "")]
[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]
public class Service
{
// Add [WebGet] attribute to use HTTP GET
[OperationContract]
public string HelloWorld()
{
// Add your operation implementation here
return "Hello World";
}
// Add more operations here and mark them with [OperationContract]
}

This HelloWorld method just returns simple string value as HelloWorld.

Step 3:

       Now lets go to Default.aspx->Add new ScriptManger->give service reference to Service.svc

Here we added html button and a span. Click on the html button automatically it will script tag.

<script language="javascript" type="text/javascript">
function Button1_onclick() {
}
</script>
Within the Button1_onclick function writes these lines
<script language="javascript" type="text/javascript">
// <!CDATA[
function Button1_onclick() {
Service.HelloWorld(onsuccess,onfailed,"Hello world example");
}
function onsuccess(results)
{
message.innerHTML=results;
}
function onfailed(results)
{
message.innerHTML=results;
}
// ]]>
</script>

Step 4:

       Now lets go to the Web.config file. By default only WebHttpBinding has been created.so We are suppose to add metadata, in this case it is mexHttpBinding.

I hope you people like this article.