0

每当我尝试在外部文件中使用下面的 javascript 使用 WCF 时，readyState 从 1 变为 4。在任何情况下，ResponsText 始终为空。

每当我尝试使用相同的代码使用 WCF 时，但这次是在项目本身中，它按预期工作。

我究竟做错了什么？提前致谢。

我有一个界面

namespace CeviService
{
     [ServiceContract(Namespace = "CeviService")]
    public interface ICeviSpotter
    {

         [WebInvoke(ResponseFormat = WebMessageFormat.Json, BodyStyle = WebMessageBodyStyle.Wrapped)]
          String EchoWithPost(string n1, string n2);
  }

}

有一个实现

namespace CeviService
{
public class CeviSpotter : ICeviSpotter
{
     public String EchoWithPost(String n1, String n2)
    {
        return n1;
    }
}}

使用以下 web.config

<?xml version="1.0"?>
<configuration>
    <system.serviceModel>
        <behaviors>
            <serviceBehaviors>
                <behavior name="MyServiceTypeBehaviors">
                    <serviceMetadata httpGetEnabled="true"/>
                </behavior>
            </serviceBehaviors>
            <endpointBehaviors>
                <behavior name="AjaxBehavior">
                    <webHttp/>
                </behavior>
            </endpointBehaviors>
        </behaviors>
    <serviceHostingEnvironment multipleSiteBindingsEnabled="true" />
        <services>
            <service name="CeviService.CeviSpotter" behaviorConfiguration="MyServiceTypeBehaviors">
                <endpoint contract="IMetadataExchange" binding="mexHttpBinding" address="mex"/>
                <endpoint address="ajaxEndpoint" behaviorConfiguration="AjaxBehavior" binding="webHttpBinding" contract="CeviService.ICeviSpotter"/>
            </service>
        </services>
    </system.serviceModel>
    <system.web>
        <compilation debug="true"/></system.web>
  <system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
  </system.webServer>
</configuration>

使用以下 javascript 调用：

 function makeCall(operation) {

        // Create HTTP request
        var xmlHttp;
        try {
            xmlHttp = new XMLHttpRequest();
        } catch (e) {
            try {
                xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {
                    alert("This sample only works in browsers with AJAX support");
                    return false;
                }
            }
        }

        // Create result handler
        xmlHttp.onreadystatechange = function () {
            alert(xmlHttp.readyState);
              //  alert(xmlHttp.responseText);

        }

        // Build the operation URL
        var url = "http://localhost:49456/CeviSpotter.svc/ajaxendpoint/EchoWithPost";
        //url = url + operation;

        // Build the body of the JSON message
        var val1 = document.getElementById("num1").value;
        var val2 = document.getElementById("num2").value;


        var body = '{"n1":';
        body = body + val1 + ',"n2":';
        body = body + val2 + '}';

        // Send the HTTP request
        xmlHttp.open("POST", url, true);
        xmlHttp.setRequestHeader("Content-type", "application/json");
        xmlHttp.send(body);

    }

主机配置如下：

<%@ServiceHost 
    language="C#"
    Debug="true"
    Service="CeviService.CeviSpotter"
%>
4

1 回答 1

0

如果未从http://localhost:49456（包括端口号）提供包含 JavaScript 的页面，则问题是您正在尝试进行跨域调用，该调用被Same Origin Policy阻止。因此，例如，如果您在文件资源管理器中双击打开的文件中使用该 JavaScript（因此它的协议是file://），或者您正在从http://localhost（不使用端口 49456）加载它，等等.

您可以通过处理飞行前呼叫并使用适当的标头响应来启用使用跨域资源共享的访问（前提是您使用的是支持 CORS 的浏览器）。

于 2013-03-12T10:54:21.827 回答