Calling webservice with Ajax Javascript in

In this post, I will show you how to invoke the web services method using javascript. This is a very simple code and self-explanatory. Check out the following code snippet.

When we will use ASP.Net Ajax on our pages we need to add the element. The ScriptManager will automatically add the references to the required JavaScript files that provide ajax functionality. So it’s required on every page where we will use the ASP.Net Ajax features.

When we want to add a reference to our WebService we use the Service child element of the ScriptManager:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CallWebService.aspx.cs"  
Inherits="CallWebService" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
<html xmlns="">  
<head id="Head1" runat="server">  
  <title>Untitled Page</title>  
  <script language="javascript" type="text/javascript">  
      function CallMyWebService()  
          WebService.MyMethod("ASP dot net code book", OnRequestComplete);  
      function OnRequestComplete(result)  
  <form id="form1" runat="server">  
          <asp:ScriptManager ID="scriptManger1" runat="server">  
                  <asp:ServiceReference Path="~/WebService.asmx" />  
          <input type="button" onclick="CallMyWebService();" id="myButton" value="Call MyWebService" />  


using System;  
using System.Web;  
using System.Collections;  
using System.Web.Services;  
using System.Web.Services.Protocols;  
/// <summary>  
/// Summary description for WebService  
/// </summary>  
[WebService(Namespace = "")]  
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]  
public class WebService : System.Web.Services.WebService  
   public WebService()  
       //Uncomment the following line if using designed components   
   public  string MyMethod(string value)  
       return value;  
Next Post Previous Post
No Comment
Add Comment
comment url