为什么成功的消息不工作在这个jQuery的Ajax？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 

<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script> 

<script type="text/javascript"> 

    $(document).ready(function() { 

     var Celcius = 0; 
     $.ajax({ 
      type: "POST", 
      url: "http:\//www.w3schools.com/webservices/tempconvert.asmx/CelsiusToFahrenheit", 
      contentType: "application/x-www-form-urlencoded", 
      data: 'Celsius=0', 
      dataType: "text/html", 
      success: function (msg) { 
       alert(msg); 
      }, 
      error: function (xhr, msg) { 
       alert('fail'); 
      } 
     }); 

    }); 

</script> 
</head> 
<body> 

</body> 
</html>

将上面的页面保存为.htm文件在桌面上。如果您在浏览器中打开该页面，则会显示“失败”消息。但是，如果你检查小提琴手，那么通话实际上是成功的。在小提琴手中，你也可以看到响应正确地给出了32个答案（web服务转换成0摄氏度到32华氏度）。这在我的桌面上工作了一段时间，然后突然停止工作！为什么成功的消息不工作在这个jQuery的Ajax？

对于那些使用小提琴手的人。这是从提琴手

HTTP/1.1 200 OK 
Date: Thu, 05 Apr 2012 23:18:10 GMT 
Server: Microsoft-IIS/6.0 
MicrosoftOfficeWebServer: 5.0_Pub 
X-Powered-By: ASP.NET 
X-AspNet-Version: 4.0.30319 
Cache-Control: private, max-age=0 
Content-Type: text/xml; charset=utf-8 
Content-Length: 87 

<?xml version="1.0" encoding="utf-8"?> 
<string xmlns="http://tempuri.org/">32</string>

任何想法？

更新：伙计们，网址http://www.w3schools.com/webservices/tempconvert.asmx/CelsiusToFahrenheit是一种网络方法。您无法直接通过浏览器访问它。如果您想通过浏览器发出请求，您可以使用http://www.w3schools.com/webservices/tempconvert.asmx?op=CelsiusToFahrenheit

如果您有使用jquery ajax调用webservice的经验，请仅回复。

来源

2012-04-05 developer747

如果你只是通常打开网址，你会得到一个错误。也许他们把脚本放下了，或者是因为我试图直接访问脚本？ – Armatus 2012-04-05 23:00:57

该网址适用于ajax web服务调用。如果你想访问通过浏览器的网址，它是http://www.w3schools.com/webservices/tempconvert.asmx?op=CelsiusToFahrenheit – developer747 2012-04-05 23:04:11

这是[可能是明智的避免w3schools]（http://w3fools.com/ ） – Quentin 2012-04-05 23:06:39

在托管html文件的文件夹中托管jquery。你对jquery的引用会是这样的（而不是web引用）。这足以实现same origin policy的执行。

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

您的示例只适用于Internet Explorer。正如其他用户正确指出的，它在firefox和chrome中无法正常工作的原因归结于 same origin policy。您成功从Web服务获得响应，但浏览器拒绝该响应。 Fiddler只是向您显示浏览器的流量（而不是浏览器用它做什么）。这将解释为什么它似乎在小提琴手中工作。

你可以找到方法，以避开相同的来源政策here。

来源

2012-04-07 21:00:50 Arcturus

你的ajax调用应该在一个域内。再来看一下修正指出，上述有关http://

来源

2012-04-05 23:01:33 Chibuzo

那么你会如何解释在fiddler中检测到的成功响应？ – developer747 2012-04-05 23:02:50

这是失败，因为你违反了the Same Origin Policy

浏览器发出请求成功，但因为该请求没有附带permissions为您的网站来查看数据，它不允许你的JavaScript访问它。

这在您的浏览器的JavaScript控制台中显示。例如

XMLHttpRequest无法加载http://www.w3schools.com/webservices/tempconvert.asmx/CelsiusToFahrenheit。 Access-Control-Allow-Origin不允许原产地http://fiddle.jshell.net。

来源

2012-04-05 23:03:11 Quentin

该网址不适用于浏览器。浏览器的URL是http://www.w3schools.com/webservices/tempconvert.asmx?op=CelsiusToFahrenheit – developer747 2012-04-05 23:08:26

@ developer747 - 如果URL不是为浏览器设置的，为什么要将它放入JavaScript并使用它作为jQuery的'$ .ajax'函数的输入？ – Quentin 2012-04-05 23:10:19

@ developer747 - 您的代码正在向URL发出POST请求，因此其中的数据将显示在邮件正文中，而不是查询字符串。 – Quentin 2012-04-05 23:10:47

为什么成功的消息不工作在这个jQuery的Ajax？

回答

相关问题