Retrieve value from webservice called from javascript?

Question

Is it possible to retrieve value or date from calling a webmethode from javascript, here is a sample code:

//This method is in a webservice.asmx file.
[WebMethod]
public List<tbl_City> GetAllCitiesByCountry(int countryID)
{

    return Cities.GetAllCitiesByCountry(CountryID: countryID);
}


<script language="javascript" type="text/javascript">

function fillCities() {
    var dropDownList = document.getElementById('<%=DropDownList_Country.ClientID %>');
    var selectedIndex = dropDownList.selectedIndex;
    var value = dropDownList[selectedIndex].value;

   WebService.GetAllCitiesByCountry(parseInt(value.toString()), onSuccess, null, "");

}

   function onSuccess(result){
      alert(result[0].(PropertyName));
      }

The variable x doesn't retrieve anything and I guess that it produce an error. I have tried to define an array but still it didn't work. Any idea ?

Edit:

The above code have been altered and is now an answer to my question along with the answer below which used JQuery.

dipak · Accepted Answer · 2011-12-08 11:19:38Z

2

Use Json response with Jquery, Its realy cool and easy.

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
[ScriptService]
public class CitiService : WebService
{
    [WebMethod, ScriptMethod(ResponseFormat = ResponseFormat.Json)]
    public List<tbl_City> GetAllCitiesByCountry(int countryID)
    {
     List<tbl_City> cities = GetCities(countryID);
     JavaScriptSerializer js = new JavaScriptSerializer();
        var jsonObj = js.Serialize(cities);
        Context.Response.Clear();
        Context.Response.Write(jsonObj);
        Context.Response.End();
     }
 }

on ASp.net page

<script language="javascript" type="text/javascript">
 $.ajax({
        url: '<%= ResolveClientUrl("~/CitiService.asmx/GetAllCitiesByCountry") %>',
        dataType: "json",
        data: "{countryID:'100'}",
        success: function (result) {
            alert(result.d.tbl_City.Length) // loop here i.e. foreach to insert in to grid
        }
      });

answered Dec 8, 2011 at 11:19

dipak

2,0332 gold badges17 silver badges26 bronze badges

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

3 Comments

yahya kh Over a year ago

on the third line of the WebMethod it gave an error: Cannot access a disposed object. Object name: 'DataContext accessed after Dispose.'.

yahya kh Over a year ago

i fixed the problem, turned out that the DataContext dispose of it self after the using statment finishes.

Dave Ward Over a year ago

You don't need to manually JSON serialize that. If you just return cities, ASP.NET will automatically handle running it through JavaScriptSerializer for you. More info: encosia.com/…

Zo Has · Accepted Answer · 2011-12-08 11:44:49Z

1

you can do this easily with JQuery and ASP.NET webmethods Encosia

answered Dec 8, 2011 at 11:44

Zo Has

13.1k24 gold badges92 silver badges150 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:08:23Z

0

You need to register your web service with ScriptManager and then call it from the client side. Take a look on this tutorial:

Client-Side Web Service Calls with AJAX Extensions

Also you can use web service with jQuery but in this case you need to switch to JSON: Calling ASMX from jQuery

edited May 23, 2017 at 10:08

CommunityBot

11 silver badge

answered Dec 8, 2011 at 10:25

Samich

30.4k6 gold badges70 silver badges80 bronze badges

Collectives™ on Stack Overflow

Retrieve value from webservice called from javascript?

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