javascript - "Origin null is not allowed by Access-Control-Allow-Origin."使用 jQuery 调用 Web 服务时出错

Question

我创建了一个返回一些数据的 Web 服务，并尝试使用 jquery 访问它，但控制台显示以下错误:

    OPTIONS http://localhost:56018/PhoneWebServices.asmx?op=GetMyChildren 405 (Method Not Allowed)
jQuery.ajaxTransport.sendjquery-1.7.1.js:8102
jQuery.extend.ajaxjquery-1.7.1.js:7580
LoginButton_onclickindex.html:26
(anonymous function)index.html:59
onclickindex.html:60
XMLHttpRequest cannot load http://localhost:56018/PhoneWebServices.asmx?op=GetMyChildren. Origin null is not allowed by Access-Control-Allow-Origin.

我认为 405 错误是由于“不允许 Origin null”错误造成的。这些是我到目前为止所采取的步骤:

• 创建了一个网站(正在进行中)并在该网站中创建了网络服务。
• 我通过在浏览器中输入网址来测试 Web 服务，它可以正常工作。
• 创建了一个移动网络应用，该应用尝试调用网络服务，但显示上述错误。

我的客户端(移动应用代码):

<script type="text/javascript">

      document.addEventListener("deviceready", onDeviceReady, false);


      function onDeviceReady() {

      }

      function LoginButton_onclick() {
      var email=document.getElementById("EmailBox").value;
      var pass=document.getElementById("PasswordBox").value;
      $.ajax({
          type: "POST",
          contentType: "application/json; charset=utf-8",
          url: "http://localhost:56018/PhoneWebServices.asmx?op=GetMyChildren",
          data: '{ "email" : "' + email + '", "password": "' + pass + '" }',
          dataType: "json",
          success: GetChildrenSuccess,
          failure: GetChildrenFailed
      });
  }

  function GetChildrenSuccess(response) {
      var children = eval('(' + response.d + ')');
      var child;
      for(child in children) {
          $('#ResultsDiv').innerHTML = "ID: "+child.ID+ " Name: "+child.Name+" Surname: "+child.Surname+" \r\n";
      }
  }

  function GetChildrenFailed(error) {
      document.getElementById('ResultsDiv').innerHTML = "Error";
  }

  </script>

我在想也许是因为我没有使用 IIS 发布网站或 Web 服务 - 我需要这样做吗？尽管在浏览器中输入网址时有效，但我不确定它在客户端代码中是否应该相同。

我对网络编程非常陌生，所以如果您知道出了什么问题，请用简单的术语解释一下，我们将不胜感激。

Answer 1

如果您通过本地 Web 服务器运行该文件，而不仅仅是使用浏览器打开 HTML 文件，则该问题很可能会消失。当您只是打开文件而不通过网络服务器时，您不会获得原始域 - 因此会出现原始域为空的错误消息。