Call a Web Service Method Using Java Script

Question

0.00/5 (No votes)

See more:

Hello all,

I have created a web service and added a simple method which returns Sum of two numbers. Now I want to call this method from javascript. My web service is a separate project inside the Current solution and I have added the Web reference to it as well.
I have tried it like this:

<%@ Page="" Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="WebApplication1._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
  <script language="JavaScript" type="text/javascript">
	function loadService() 
	{
		try 
		{	
			webServiceCaller.useService("http://localhost/WebService1/Service1.asmx", "Service1");
		}
		catch (e) 
		{
			alert(e);
		}
	}
	function handleResult(result) 
	{
		if (!result.error) 
		{
			alert("Success! Result: " + result.value);
		}
		else 
		{
			alert("Failed! Error: " + result.errorDetail.string);
		}
	}
	function myMethodAsync() 
	{
		callID = webServiceCaller.MyService.callService(handleResult, "GetSum", "Asynchronous Call");
	}
  </script>
</head>
<body id="webServiceCaller" style="behavior:url(webservice.htc)">
  <form id="form1" runat="server">
	<div>
	  <button id="callAsynch"  önclick="myMethodAsync()">Call Asynchronously</button>
	</div>
  </form>
</body>
</html>

But this code is not working. Please can any body help me what wrong with my this code or any simple Method to do this????
Any help would be appreciated.
tanweer,

Posted 18-Feb-11 1:35am

tanweer

Updated 18-Feb-11 2:08am

Manas Bhardwaj

v4

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Manfred Rudolf Bihy · Answer 1 · 2011-02-18T02:57:00

Hi tanweer,

There is an issue with this code here:

<big style="font-size: 2em;">ö</big>nclick=“myMethodAsync()”
I've enlarged the first letter to make it easier to spot what has gone wrong. You should always debug your javascript code if there seems to be an issue with something not working in the browser. If you are using IE use "Developer Tools" and if you're using Firefox you cas take FireBug to debug you client side code.

In case you haven't figured it out yet: <big style="font-size: 2em;">o</big>nclick="myMethodAsync()"

Best Regards,

[Edit: It has been pointed out by Nishant Sivakumar that most of the quotes are also wrong. Fixed it in my sample.]

Manas Bhardwaj · Answer 2 · 2011-02-18T02:09:00

Solution 1

why not use AJAX, have a look at this article[^].

Posted 18-Feb-11 2:09am

Manas Bhardwaj