CODEWITHSUNDEEP
c#javascriptjqueryasp.net
Reshma
Reshma

Reputation: 904

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

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..

Upvotes: 0

Views: 1724

Answers (3)

Sid M
Sid M

Reputation: 4364

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>

Upvotes: 0

Dean.DePue
Dean.DePue

Reputation: 1013

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

Upvotes: 0

Ric
Ric

Reputation: 13248

Change:

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

To:

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

Upvotes: 1

Related Questions