How to make AJAX call from jquery mobile to ASP.NET Webservice

Question

I have created an android application using (Jquery & PhoneGap). The application works fine Now, I want to retrieve data from my ASP.NET Web Service.

html:

<html>
<head>
    <meta charset="utf-8">
    <title>My Friends</title>

    <link href="Jquery-mobile/jquery.mobile-1.1.0.css" rel="stylesheet" type="text/css" />
    <script src="Jquery-mobile/jquery-1.4.1.js" type="text/javascript"></script>

    <script src="Jquery-mobile/jquery.mobile-1.1.0.js" type="text/javascript"></script>
     <script type="text/javascript">


        $(function(){
             //code to fetch data from webservice  

             alert($("#test").html());
        });
    </script>

  </head>
  <body>
</body>
</html>

asp.net web service

/// <summary>
    /// Summary description for WebService1
    /// </summary>
    [WebService(Namespace = "http://tempuri.org/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 
    // [System.Web.Script.Services.ScriptService]
    public class WebService1 : System.Web.Services.WebService
    {

        [WebMethod]
        public string HelloWorld()
        {
            return "Hello World";
        }
    }

Why don't use wcf service instead? I'ts more javascript friendly than a classic soap web service — Elph
– Elph, Commented Apr 20, 2012 at 6:43

Jishnu A P · Accepted Answer · 2012-04-20 06:53:12Z

1

First uncomment the following line in the service

    .....
    // To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line. 

    [System.Web.Script.Services.ScriptService] 
    // uncomment this ^ ^
    public class WebService1 : System.Web.Services.WebService
    {
    .....

To call the hello world method use jQuery.ajax

$.ajax({
  type: "POST",
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  url: "WebService1.asmx/HelloWorld",
  data: "{}",
  success: function(msg){
      $("body").append(msg.d); //will append "Hello world" to body tag
  },
  error: function () {

  }
});

I would recommend you to us WCF REST services instead

answered Apr 20, 2012 at 6:53

Jishnu A P

14.4k8 gold badges42 silver badges52 bronze badges

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

Comments

Ravi Gadag · Accepted Answer · 2012-04-20 06:52:48Z

1

may be some thing like this

$.ajax({
  url: 'yourPage/yourstatiCmethod',
  contentType: "application/json; charset=utf-8",
  dataType: "json"
  type: "POST",
  data:"{}"
  success: function(data) {
        alert('Do your all fetching Service');
  }
});

answered Apr 20, 2012 at 6:52

Ravi Gadag

15.9k5 gold badges60 silver badges85 bronze badges

Comments

SadikAli · Accepted Answer · 2016-02-26 10:46:09Z

0

this may be help you try this code

$.ajax({
    type: "POST",
    url: URL,
    async: false,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    jsonp: "onJSONPLoad",
    jsonpCallback: "newarticlescallback",
    crossDomain: "false",
    beforeSend: function (xhr) {
    },
    error: function (request, status, error) {
        console.log("Error In Web Service...." + request.responseText);
        return false;
    },
    success: function (data) {
        Result = data;
    },
    complete: function (xhr, status) {
    }
});

answered Feb 26, 2016 at 10:46

SadikAli

6551 gold badge6 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to make AJAX call from jquery mobile to ASP.NET Webservice

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related