Ajax Enabled WCF Service

Posted by in WCF category on for Beginner level | Views : 14470 red flag

In this article, we are going to see how to use Ajax Enabled WCF Service in a website.

        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
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() {
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)
function onfailed(results)
// ]]>


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.

Page copy protected against web site content infringement by Copyscape

About the Author

Full Name: anup hosur
Member Level:
Member Status: Member
Member Since: 8/1/2009 2:37:23 AM
Country: India

Login to vote for this post.

Comments or Responses

Login to post response

Comment using Facebook(Author doesn't get notification)