Send and receive input text to webmethod using ajax call

Question

I am trying to use the simple ajax script to webmethod as follows:

  <script type="text/javascript">
        $(document).ready(function () {
         $("#btnretreive").click(function () {
            $.ajax({
                 type: "POST",
                 url: "Default.aspx/Gettext",
                 data: {inputtext: $('#sometext').val()},
                 contentType: "application/json; charset=utf-8",
                 dataType: "json",
                 success: function(msg) {
                     $("#Result").text(msg.d);
                   }
             });
         });
     });
 </script>

And this is my webmethod:

 <WebMethod()> _
    Public Shared Function Gettext(ByVal inputtext As String) As String
           Return inputtext
    End Function

Here is my HTML part:

<input id="sometext" type="text" />
<input id="btnretreive" type="button" value="button" />
<div id="Result"></div>

Now my problem is I'm unable to send the input text and receive it back.Can anyone point out the mistake I'm doing here.

Meryovi · Accepted Answer · 2012-04-22 20:00:17Z

1

You need to use the ScriptMethod attribute in your Web Method in order to return Json.

<ScriptMethod(ResponseFormat:=ResponseFormat.Json)>

More information: http://msdn.microsoft.com/en-us/library/system.web.script.services.scriptmethodattribute.aspx

Note: you must keep the WebMethod attribute too as shown in MSDN.

Also, you need to convert the Json object you're passing to the WebMethod to string, for example:

data: JSON.stringify({inputtext: $('#sometext').val()}),

Hope it helps.

answered Apr 22, 2012 at 20:00

Meryovi

6,2215 gold badges44 silver badges67 bronze badges

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

Comments

ryudice · Accepted Answer · 2012-04-22 19:53:53Z

0

Since you specified contentType as application JSON jQuery is probably posting the data as json, which asp.net doesnt recognize and therefore doesnt receive the parameter value, webmethods receive parameters in querystring, try removing the contentType, only leaving dataType, also try removing 'POST' as type

answered Apr 22, 2012 at 19:53

ryudice

37.6k33 gold badges122 silver badges164 bronze badges

4 Comments

coder Over a year ago

@rydice-First thanks for your reply.Even If I remove content type it I'm unable to receive it.

ryudice Over a year ago

remove 'type', so that jquery sends the parameter in the querystring, the default is 'GET'

coder Over a year ago

@ryudice-Did with that too but no success.

ryudice Over a year ago

Change the $("#Result").text(msg.d); to $("#Result").html(msg.d);

Valeklosse · Accepted Answer · 2012-04-22 19:59:02Z

0

From memory, I believe the data part needs to be in a string. so the line will be

data: '{inputtext : ' + $('#sometext').val() + '}',

answered Apr 22, 2012 at 19:59

Valeklosse

1,0173 gold badges20 silver badges37 bronze badges

1 Comment

coder Over a year ago

@valeklosse-From this question stackoverflow.com/questions/2604874/… the same issue stated that not to mention the quotes.

Collectives™ on Stack Overflow

Send and receive input text to webmethod using ajax call

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related