如何使用html和javascript调用webservice

时间:2011-12-14 16:42:45

标签: javascript .net mysql web-services html5

我正在使用html5创建一个移动网站。目前我使用javascript来填充我的字段与静态数据。我还使用.net和c#创建了一个web服务,并使用mysql创建了一个数据库。我的web服务可以正确查询数据库。有谁知道如何通过javascript函数调用webservice?

3 个答案:

答案 0 :(得分:3)

就个人而言,我会使用jquery。这里有一篇非常好的文章: http://encosia.com/using-jquery-to-consume-aspnet-json-web-services/

基本上,您使用Ajax()函数调用Web服务,并将一些函数与其成功(以及可能失败的)事件挂钩,如下例所示:

$(document).ready(function() {
  $.ajax({
    type: "POST",
    url: "RSSReader.asmx/GetRSSReader",
    data: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
      // Hide the fake progress indicator graphic.
      $('#RSSContent').removeClass('loading');

      // Insert the returned HTML into the <div>.
      $('#RSSContent').html(msg.d);
    }
  });
});

然后,您可以从成功函数中的“msg”获取Web服务输出。

答案 1 :(得分:0)

最简单的方法是使用AJAX - 像jQuery这样的大多数库都有直接的支持。请注意,根据设计,浏览器不允许您访问在主机页面的其他域上运行的Web服务(请参阅this),但有一些方法可以使用JSONP等技术来解决此问题。

最快的入门方式可能是使用jQuery's ajax()函数。希望这有帮助!

答案 2 :(得分:0)