October 2009
M T W T F S S
« Sep   Nov »
 1234
567891011
12131415161718
19202122232425
262728293031  

Call webservice from javascript

1.  VS 2005  – create new website with ASP.NET Ajax-Enabled Website , then create   WebService.asmx

using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;
using System.Web.Script.Services;
/// <summary>
/// Summary description for WebService
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo
= WsiProfiles.BasicProfile1_1)]
[ScriptService]  // <==
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

public WebService () {
//Uncomment the following line if using designed components
//InitializeComponent();
}[WebMethod]

public string HelloWorld() {
return Hello World;
}[WebMethod]

public string GetDateTimeFromServer()
{
return DateTime.Now.ToString();
}
}

==============================================
2. Create JScript.js

// JScript File

function GetDateTimeFromServer()
{
WebService.GetDateTimeFromServer(OnSuccess, OnFail);
}

function OnSuccess(e){
document.getElementById(
LabelDateTime).innerHTML = e;
}

function OnFail(e){
document.getElementById(
LabelDateTime).innerHTML = e;
}

=================================================
3. Create Default.aspx

<head runat=”server”>
<title>Untitled Page</title>
<script src=”JScript.js” type=”text/javascript”></script>
</head>
<body>
<form id=”form1″ runat=”server”>
<div>
<asp:ScriptManager ID=”ScriptManager1″ runat=”server”>
<Services>
<asp:ServiceReference Path=”WebService.asmx” />
</Services>
</asp:ScriptManager>
<br />
<button onclick=”GetDateTimeFromServer();”>
– Show server time –
</button>
<br />
<label id=”LabelDateTime”>
</label>
</div>
</form>
</body>
</html>
===============================================

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>