0

这是c# web方法

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

这是jquery ajax代码

$.ajax({
            url: "http://10.0.2.2/SampleService/Service/HelloWorld.asmx",
            dataType: 'text',
            cache: false,
            crossDomain: true,
            timeout: 15000,
            success: function (rtndata) {
                 alert('Got Success ::'+ rtndata);
            },
            error: function (xhr, errorType, exception) {
                alert("Excep:: "+exception +"Status:: "+xhr.statusText);
        }
        });

但我没有进入，而是得到Hello World了rtndata完整的 html 响应页面。

4

4 回答 4

0

您需要返回一个 json 模型或禁用布局

于 2013-07-10T10:55:34.067 回答
0

如果您收到一个 html 页面是因为您正在发送一个 html 页面。

在发送输出之前，您应该仔细检查您的代码以了解是否有任何内容附加到响应中。

尝试向 ajax 调用发送 JSON 格式的响应，例如：

{'hello':'world'}

然后将 dataType 添加为 $.ajax 的选项。如果要打印输出，可以执行 alert(JSON.stringify(response))。

$.ajax({
    url: "http://10.0.2.2/SampleService/Service/HelloWorld.asmx",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    cache: false,
    crossDomain: true,
    timeout: 15000,
    success: function (rtndata) {
        alert('Got Success ::' + JSON.stringify(rtndata));
    },
    error: function (xhr, errorType, exception) {
        alert("Excep:: " + exception + "Status:: " + xhr.statusText);
    }
});

有一件重要的事情......更多时候你添加缓存：false，但这不能正常工作，你应该做一个技巧来解决。

添加时间戳作为调用的参数，例如：

var date = new Date();
$.ajax({
    url: "http://10.0.2.2/SampleService/Service/HelloWorld.asmx?timestamp="+date.now(),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    cache: false,
    crossDomain: true,
    timeout: 15000,
    success: function (rtndata) {
        alert('Got Success ::' + JSON.stringify(rtndata));
    },
    error: function (xhr, errorType, exception) {
        alert("Excep:: " + exception + "Status:: " + xhr.statusText);
    }
});

希望这可以帮助...

于 2013-07-10T11:07:11.757 回答
0

您必须将方法名称附加到 URL（/HelloWorld例如）并method: "post"在您的 ajax 调用中指定（如果您想使用POST请求）。尝试这个：

$.ajax({
    url: "http://10.0.2.2/SampleService/Service/HelloWorld.asmx/HelloWorld",
    method:"POST",
    dataType: "text",
    cache: false,
    crossDomain: true,
    timeout: 15000,
    success: function (rtndata) {
        alert('Got Success ::' + rtndata);
    },
    error: function (xhr, errorType, exception) {
        alert("Excep:: " + exception + "Status:: " + xhr.statusText);
    }
});

如果您想GET用作请求方法，请确保您的web.config文件中有此标记：

<system.web>
  <webServices>
    <protocols>
      <add name="HttpGet" />
      <add name="HttpPost" />
    </protocols>
  </webServices>
</system.web>

此外，您需要使用以下方式装饰服务方法ScriptMethodAttribute：

[ScriptMethod(UseHttpGet = true)]
[WebMethod]
public string HelloWorld()
{
    return "Hello World";
}

ajax 调用 (method: "GET"是可选的，因为它是 ) 的默认方法text：

$.ajax({
    url: "http://localhost:57315/helloworld.asmx/HelloWorld",
    method: "GET"
    dataType: "text",
    cache: false,
    crossDomain: true,
    timeout: 15000,
    success: function (rtndata) {
        alert('Got Success ::' + rtndata);
    },
    error: function (xhr, errorType, exception) {
        alert("Excep:: " + exception + "Status:: " + xhr.statusText);
    }
});

当您使用cache: false时，可能您想使用GET请求：

Setting cache to false will only work correctly with HEAD and GET requests.
It works by appending "_={timestamp}" to the GET parameters.
于 2013-07-10T11:07:47.417 回答
0

您获得的 html 页面是服务程序中所有可用 web 方法的概述 - 一种 A​​PI。尝试在浏览器中导航到它。

如果你想调用你的 Hello WebMethod，你应该在 URL 中添加“/Hello”作为方法名：

$.ajax({
  type: 'POST',
  contentType: 'application/json; charset=utf-8',
  url: 'http://10.0.2.2/SampleService/Service/HelloWorld.asmx/Hello',
  dataType: 'json',
  cache: false,
  crossDomain: true,
  timeout: 15000,
  success: function (rtndata) {
     alert('Got Success ::'+ rtndata);
  },
  error: function (xhr, errorType, exception) {
     alert("Excep:: "+exception +"Status:: "+xhr.statusText);
  }
});

你可以在这里阅读更多：http: //encosia.com/using-jquery-to-directly-call-aspnet-ajax-page-methods/

于 2013-07-10T11:09:10.937 回答