Calling a web service from javascript and .net 2.0

Question

Thanks all for the help, rod.

Hi All,

Is it possible to call a web service (on my localhost) from jquery in a plain html page inside an asp.net 2.0 webform application using visual studio 2005?

<script type="text/javascript">
    $(document).ready(function(){
        $('#button1').click(function(){                
            $('#targetDiv').load('http://localhost/testservice/Service1.asmx/HelloWorld',null,function(){alert('test')});
        });
    });
</script>

I'm getting a 500 error? Not sure if it's even possible to do this way?

thanks, rod

Nick Craver · Accepted Answer · 2010-05-21 15:52:46Z

2

By default, ASP.Net doesn't enable web methods for GET requests (which is what a data-less .load() does). Scott Guthrie has a nice blog post on how to enable GET on Web Methods.

However, keep in mind that they're disabled for a reason (security mainly), you may want to just use a $.post() instead, like this:

$('#button1').click(function(){                
  $.post('http://localhost/testservice/Service1.asmx/HelloWorld',
    function(data) { $('#targetDiv').html(data); }
  );
});

Or make .load() trigger POST with a dummy data object, like this:

$('#button1').click(function(){                
  $('#targetDiv')
    .load('http://localhost/testservice/Service1.asmx/HelloWorld', {});
});

The {} is the key, passing an object makes .load() do a POST instead of a GET.

answered May 21, 2010 at 15:52

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Raj · Accepted Answer · 2010-05-21 14:50:08Z

1

Are you sure this line is correct? http://localhost/testservice/Service1.asmx/HelloWorld Have you tried calling the webservice directly through the browser?

answered May 21, 2010 at 14:50

Raj

1,7701 gold badge12 silver badges18 bronze badges

1 Comment

Rod Over a year ago

If I goto this link without the '/HelloWorld' I can see the service in my browser...but then how do i call my method called 'HelloWorld()'

user338195 · Accepted Answer · 2010-05-21 15:01:46Z

1

Enable web method in the web service so that it can be called with ajax.

answered May 21, 2010 at 15:01

user338195

Comments

Rbacarin · Accepted Answer · 2010-05-21 14:52:30Z

0

Use Jquery + Ajax Instead:

http://api.jquery.com/jQuery.ajax/

answered May 21, 2010 at 14:52

Rbacarin

7076 silver badges12 bronze badges

Comments

John Saunders · Accepted Answer · 2010-05-21 14:54:43Z

0

A 500 error means your web service threw an exception. Look in the event log to find out what the problem is, or debug the web service to find out.

answered May 21, 2010 at 14:54

John Saunders

162k26 gold badges252 silver badges403 bronze badges

Collectives™ on Stack Overflow

Calling a web service from javascript and .net 2.0

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related