首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML5 :如何使用Javascript使用.NET网络服务?(HTTP POST)

HTML5 :如何使用Javascript使用.NET网络服务?(HTTP POST)
EN

Stack Overflow用户
提问于 2012-05-21 09:22:07
回答 2查看 18.3K关注 0票数 1

请帮我弄一下这个。我正在使用HTML5的网站,.NET服务(.asmx)。我有一个getText()方法,它返回一个文本字符串。如何调用它并将其显示在我的html5网页上?

.NET网络服务

代码语言:javascript
运行
复制
getText(){
    return "Hello";
    }

EN

回答 2

Stack Overflow用户

发布于 2012-05-21 09:54:56

Dave Ward写了一篇非常有帮助的文章,它将引导您完成这一场景的代码。

Using jQuery to Consume ASP.NET JSON Web Services

这是一个基本的示例,它将简单地将来自服务器的响应输出到一个<div>标记中。

代码语言:javascript
运行
复制
<div id="output"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
  $(function() {
    $.ajax({
      type: "POST",
      url: "PATH-TO-WEB-SERVICE.asmx/WEB-SERVICE-METHOD-NAME",
      data: "{}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(response) {
        $('#output').html(response);
      }
    });
  });
</script>
票数 1
EN

Stack Overflow用户

发布于 2012-05-21 13:27:09

首先包括最新的jquery库。下面是从asmx web服务获取数据的简单ajax调用。我使用的数据类型是json。当您的服务的响应成功时,调用'SuccessFunc‘函数,否则调用'FailedFunc’。

代码语言:javascript
运行
复制
function GetText() {
                try {
                    $.ajax({
                        type: "POST",
                        url: "http://localhost/YourService/YourService.asmx/GetText",
                        data: "{''}",
                        contentType: "application/json; charset=utf-8",
                        success: SucceedFunc,
                        dataType: "json",
                        failure: FailedFunc
                    });
                }
                catch (e) {
                    alert('failed to call web service. Error: ' + e);
                }
            }

失败的函数

代码语言:javascript
运行
复制
function FailedFunc(error) {
     alert('error: ' + error);    
        }

成功函数

代码语言:javascript
运行
复制
function SuccessFunc(responce) {
           alert(eval(responce.d));
        }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10678588

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档