2010年3月24日

[jQuery] Invoke Web service from jQuery

Invoke ASP.Net web service from jQuery. To invoke a web method with parameters, change the data :{} to

   1: data : "{'Para1':'Value1',''Para2':'Value2'}"






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



   2:     function invokeWS() 



   3:     {



   4:         //Set up Button to invoke web service



   5:         $.ajax({



   6:             type: "POST",



   7:             url: "/JQueryTestService.asmx/GetResponseFromWebService",



   8:             data: {},



   9:             contentType: "application/xml; charset=utf-8",



  10:             dataType: "xml",



  11:             success: function (msg) {



  12:                 alert(msg.text);



  13:             },



  14:             error: function (msg) {



  15:                 alert('error:' + msg.responseBody);



  16:             }



  17:         });



  18:     }



  19: </script>




And for the web service





   1: [WebService(Namespace = "http://sampleCodes.michael.com/")]



   2: [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]



   3: [System.ComponentModel.ToolboxItem(false)]



   4: [System.Web.Script.Services.ScriptService]



   5: public class JQueryTestService : System.Web.Services.WebService



   6: {



   7:     [WebMethod]



   8:     public string GetResponseFromWebService()



   9:     {



  10:         return "this is a test!";



  11:     }



  12: }


沒有留言:

Blog Archive

About Me