从JavaScript调用asmx Web服务会产生404

Question

我写了一个Web服务，我想从JavaScript调用它。 问题是我收到404错误，并且不确定我做错了什么。

关于如何完成任务的文章很多。 我使用的一个是在这里 。

这是背后的代码，是的，我确实阅读了注释并添加了[ScriptService]：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Services;
using System.Web.Script.Serialization;
using System.Web.Script.Services;
using BvCommonControls;

namespace MyProject.MyWebService
{
    [WebService(Namespace = "http://microsoft.com/webservices/")]
    [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
    [System.ComponentModel.ToolboxItem(false)]
    [ScriptService]
    public class svcSignin : WebService
    {
        [WebMethod]
        [ScriptMethod(ResponseFormat = ResponseFormat.Json)]
        public String GetStockName(String argEncrypted)
        {
            return js.Serialize("HelloWorld!");
        }
    }
}

JavaScript代码为：

// Create the URL.
var serviceUrl = "http://mywebsiteaddress.whatever/Folder/myservice.asmx";
var serviceOperation = "/GetStockName";
var serviceData = "myencodedargs";

$.ajax({
    type: "POST",
    contentType: "application/json; charset=utf-8",
    url: serviceUrl + serviceOperation,
    data: JSON.stringify(serviceData),
    dataType: "json",
    async: true,
    success: ajaxSigninSuccess,
    error: ajaxSigninError
});

function ajaxSuccess(response)
{
    alert(response.d);
}

function ajaxError(response)
{
    alert(response.status + " " + response.statusText);
}

readyState是4，状态是404（找不到页面）。

如果使用复制和粘贴将URL输入到Web浏览器中，则会得到带有注释的标准页面：

The following operations are supported. For a formal definition, please review the Service Description.

* GetStockName

问题似乎出在类或方法声明之一上。

更新（Web服务）

根据MSDN ，这是WebServices部分的去向。

<configuration>
 <system.web>
    <webServices>
      <conformanceWarnings>
        <remove name='BasicProfile1_1'/>
      </conformanceWarnings>
    </webServices>
  </system.web>
</configuration>

这篇CodeProject文章显示System.Web.Handlers.ScriptModule的去向。

<configuration>
  <system.web>
    <httpModules>
      <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, 
    System.Web.Extensions, Version=3.5.0.0, Culture=neutral, 
    PublicKeyToken=31BF3856AD364E35"/>
    </httpModules>
  </system.web>
</configuration>

UPDATE 2（请求的RESTful更新）

我在JavaScript代码中更新了Ajax部分，以符合请求的格式。 基本上，如果我在浏览器中转到该页面并单击GetStockName链接，那么我将转到一个页面，该页面显示各种SOAP格式，而底部显示HTTP POST格式。

HTTP POST

The following is a sample HTTP POST request and response. The placeholders shown need to be replaced with actual values.

POST /Folder/myservice.asmx/GetStockName HTTP/1.1
Host: www.mywebsiteaddress.whatever
Content-Type: application/x-www-form-urlencoded
Content-Length: length

argEncrypted=string

如图所示，我必须对URL进行硬编码。 简单地放置一个像“ $ .ajax（serviceUrl {”这样的变量是行不通的，有趣的是，添加“ url：serviceUrl”作为ajax属性之一也行不通。只有“ $ .ajax（” {“工作。

$.ajax('http://mywebsiteaddress.whatever/Folder/myservice.asmx/GetStockName'{
    type: 'POST',
    contentType: 'application/json',
    headers: { 'Access-Control-Allow-Origin': '*' },
    crossDomain: true,
    data: '{argEncrypted: "' + serviceData + '"}',
    dataType: "json",
    async: true,
    success: ajaxSuccess,
    error: ajaxError
});

更新3（CORS）

问题肯定是跨域或跨域资源共享或CORS之一。 旧代码使用jsonp，效果很好，但不支持ASMX页面。

正如我的评论中提到的，部分问题也是Visual Studio。 在调试模式下运行IE11的VS2013不允许进行CORS操作。 我必须在Visual Studio外部启动IE11才能使事情与其他更改一起使用。

这是我看到的一些链接： 链接1 ， 链接2 ，更重要的是链接3 。

在web.config中需要添加/更改：

<configuration>
 <system.webServer>
  <httpProtocol>
   <customHeaders>
    <add name="Access-Control-Allow-Origin" value="*" />
    <add name="Access-Control-Allow-Headers" value="Content-Type" />
   </customHeaders>
  </httpProtocol>
 </system.webServer>
<configuration>

$ .ajax的更改包括添加：

type: 'POST',
contentType: 'application/json',
headers: { 'Access-Control-Allow-Origin': '*' },
crossDomain: true,

注意部分

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

根据链接和SO chat中的讨论，将标头添加到服务中以指示该呼叫符合HTTP 1.1的标头。 此标头等效于PHP标头。

使用IE11在Win7-64上完成测试。 如一个链接所述，IE11支持CORS。

（问题已更新以反映答案。）

Answer 1

我有代码可以工作！

我不确定代码何时开始工作，因为我不是一直通过IE11进行测试，而是通过启用了JavaScript的页面通过VS2013以调试模式与CORS页面进行通信来进行测试。 显然，Visual Studio禁用了对ASMX页面的CORS操作。 一个必须超越VS调试器模式。

所有其他更改可能也是必需的。

Answer 2

请尝试以下操作：

将以下内容添加到您的web.config中

<webServices>
 <protocols>
  <add name="HttpPost"/>
 </protocols>
</webServices>

另外，在您的AJAX请求中，更改此行

data: JSON.stringify(serviceData)

至

data: '{argEncrypted: "' + serviceData + '"}'

还要确保您具有以下web.config条目：

<add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"/>