To return the value from codebehind into jquery function at client side

Question

Below is my code in codebehind in asp.net web application, I have consumed another web service in this web application and evoked it's method as followed,

[WebMethod]
    public static string GetData(string  name)
    {
       WEBSERVICE.Service1 Client = new Service1();
       string Name= Client.QPRST_Operation(name);
       return Name;-------------//Want to pass this value in jquery function
    }

I get the JSON format on String Name, , I want to call that string in my jquery function below,

 <script type="text/javascript">
 function asyncServerCall(Name) {
        alert(Name);
        jQuery.ajax({
            url: 'WebForm1.aspx/GetData',
            type: "POST",
            data: "{'name':'" + Name + "'}",
            contentType: "application/json",
            dataType: "json",
            success: function (data) {
                alert(Name);
            }
        });
    }
</script>

,

but I am not able to pass the string value to jquery function,in alert its giving SC.1938773693.238 this value... my main aim is to take those values any plot the charts in highcharts,

Below function works properly,

<script type="text/javascript">
   function loadJson() {
       $(document).ready(function () {
           //alert("inside");
           var chart;
           var seriesData;
           $.getJSON("val1.json", function (data) {
               var chartoptions = data;
               chartoptions.chart.renderTo = 'container';
               chart = new Highcharts.Chart(chartoptions);

           });

       });
   }
   </script>

but in $.getJSON method..instead of val1.json I want values from the string returned from code behind and need to make a AJAX Call..actually I have tried above, I know the code is going to be error prone,

Since I am new to this concept any help will be greatly appreciated..

alert(data.d); in place of alert(Name);

Irfan TahirKheli
– Irfan TahirKheli

2013-11-25 14:34:28 +00:00
Commented Nov 25, 2013 at 14:34 — Irfan TahirKheli
– Irfan TahirKheli, Commented Nov 25, 2013 at 14:34

Ric · Accepted Answer · 2013-11-25 13:39:13Z

1

Change:

success: function (data) {
                alert(Name);
            }

To:

success: function (data) {
                alert(data.d);
            }

answered Nov 25, 2013 at 13:39

Ric

13.3k3 gold badges32 silver badges36 bronze badges

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

3 Comments

Reshma Over a year ago

What is the reason behind changing it to data.d or some have advised to change to response.d.. can you please explain the reason behind it?

Ric Over a year ago

Very good article explaining why: encosia.com/a-breaking-change-between-versions-of-aspnet-ajax

Ric Over a year ago

And a SO post with more detail: stackoverflow.com/questions/6588589/…

Dean.DePue · Accepted Answer · 2013-11-25 14:28:02Z

0

You should change your success alert to: alert (response.d)

answered Nov 25, 2013 at 14:28

Dean.DePue

1,0131 gold badge21 silver badges47 bronze badges

Comments

Sid M · Accepted Answer · 2013-11-25 14:40:09Z

0

Try this:

<script type="text/javascript">
 function asyncServerCall(Name) {
        alert(Name);
        jQuery.ajax({
            url: 'WebForm1.aspx/GetData',
            type: "POST",
            data: "{'name':'" + Name + "'}",
            contentType: "application/json",
            dataType: "json",
            success: function (data) {
                alert(data.d);
            }
        });
    }
</script>

answered Nov 25, 2013 at 14:40

Sid M

4,3744 gold badges33 silver badges51 bronze badges

Collectives™ on Stack Overflow

To return the value from codebehind into jquery function at client side

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related