blocks|key|915818|text|在新的jQuery+1.5中，您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|915819|$.ajax({
++++type:+"GET",
++++url:+"http://localhost:99000/Services.svc/ReturnPersons",
++++dataType:+"jsonp",
++++success:+readData(data),
++++error:+function+(xhr,+ajaxOptions,+thrownError)+{
++++++alert(xhr.status);
++++++alert(thrownError);
++++}
})|code-block|syntax|javascript|915820|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In new jQuery 1.5 you can use:

<pre><code>$.ajax({
 type: "GET",
 url: "http://localhost:99000/Services.svc/ReturnPersons",
 dataType: "jsonp",
 success: readData(data),
 error: function (xhr, ajaxOptions, thrownError) {
 alert(xhr.status);
 alert(thrownError);
 }
})
</code></pre>

blocks|key|915845|text|找到了一种可能的解决方法，但我不相信上面提到了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|915846|下面是对这个问题的一个很好的描述：http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api|offset|length|915847|基本上，只要您使用表单/url编码/纯文本内容类型，就可以了。|915848|$.ajax({
++++type:+"POST",
++++headers:+{
++++++++'Accept':+'application/json',
++++++++'Content-Type':+'text/plain'
++++},
++++dataType:+"json",
++++url:+"http://localhost/endpoint",
++++data:+JSON.stringify({'DataToPost':+123}),
++++success:+function+(data)+{
++++++++alert(JSON.stringify(data));
++++}
});+++++|code-block|syntax|javascript|915849|我在ASP.NET+WebAPI2中使用它。所以在另一端：|915850|public+static+void+RegisterWebApi(HttpConfiguration+config)
{
++++config.MapHttpAttributeRoutes();

++++config.Formatters.Clear();
++++config.Formatters.Add(new+JsonMediaTypeFormatter());

++++config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new+MediaTypeHeaderValue("text/plain"));
}|915851|这样，在解析纯文本内容类型时就可以使用Json格式化程序。|915852|别忘了在Web.config中：|915853|<system.webServer>
<httpProtocol>
++<customHeaders>
++++<add+name="Access-Control-Allow-Origin"+value="*"+/>
++++<add+name="Access-Control-Allow-Methods"+value="GET,+POST"+/>
++</customHeaders>
</httpProtocol>++++|915854|​|915855|希望这能有所帮助。|915856|entityMap|0|LINK|mutability|MUTABLE|url|http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api^0|0|H|2E|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|F|3|G|5|6|7|1D|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|1E|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|1F|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1G|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1H|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1I|8|@]|9|@]|A|$]]|$1|U|3|V|5|J|7|1J|8|@]|9|@]|A|$K|L]]|$1|W|3|X|5|6|7|1K|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1L|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]]]

Found a possible workaround that I don't believe was mentioned.

Here is a good description of the problem:
<a href="http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api">http://www.asp.net/web-api/overview/security/enabling-cross-origin-requests-in-web-api</a>

Basically as long as you use forms/url-encoded/plain text content types you are fine.

<pre><code>$.ajax({
 type: "POST",
 headers: {
 'Accept': 'application/json',
 'Content-Type': 'text/plain'
 },
 dataType: "json",
 url: "http://localhost/endpoint",
 data: JSON.stringify({'DataToPost': 123}),
 success: function (data) {
 alert(JSON.stringify(data));
 }
}); 
</code></pre>

I use it with ASP.NET WebAPI2. So on the other end:

<pre><code>public static void RegisterWebApi(HttpConfiguration config)
{
 config.MapHttpAttributeRoutes();

 config.Formatters.Clear();
 config.Formatters.Add(new JsonMediaTypeFormatter());

 config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("text/plain"));
}
</code></pre>

This way Json formatter gets used when parsing plain text content type.

And don't forget in Web.config:

<pre><code>&lt;system.webServer&gt;
&lt;httpProtocol&gt;
 &lt;customHeaders&gt;
 &lt;add name="Access-Control-Allow-Origin" value="*" /&gt;
 &lt;add name="Access-Control-Allow-Methods" value="GET, POST" /&gt;
 &lt;/customHeaders&gt;
&lt;/httpProtocol&gt; 
</code></pre>



Hope this helps.

blocks|key|1130634|text|我使用的是WebAPI+3，也面临着同样的问题。随着@Rytis添加了他的解决方案，这个问题已经解决了。我认为在WebAPI+3中，我们不需要定义方法RegisterWebApi。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1130635|我的更改只在web.config文件中，并且正在生效。|1130636|<httpProtocol>
+<customHeaders>
+<add+name="Access-Control-Allow-Origin"+value="*"+/>
+<add+name="Access-Control-Allow-Methods"+value="GET,+POST"+/>
</customHeaders>
</httpProtocol>+|code-block|syntax|javascript|1130637|感谢你的解决方案@Rytis！|1130638|entityMap^0|23|E|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|V|8|@]|D|@]|E|$]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

I am using WebAPI 3 and was facing the same issue. The issue has resolve as @Rytis added his solution. And I think in WebAPI 3, we don't need to define method <code>RegisterWebApi</code>.

My change was only in web.config file and is working.

<pre><code>&lt;httpProtocol&gt;
 &lt;customHeaders&gt;
 &lt;add name="Access-Control-Allow-Origin" value="*" /&gt;
 &lt;add name="Access-Control-Allow-Methods" value="GET, POST" /&gt;
&lt;/customHeaders&gt;
&lt;/httpProtocol&gt; 
</code></pre>

Thanks for you solution @Rytis!

I'm trying to get some json data from a "remote" website.
I run my web service on the 99000 port then, I launch my website on the 99001 port (http://localhost:99001/index.html).

I get the following message:

<pre><code> XMLHttpRequest cannot load http://localhost:99000/Services.svc/ReturnPersons. Origin http://localhost:99001 is not allowed by Access-Control-Allow-Origin.
</code></pre>

Even If I launch my web page as an HTML file, I get this:

<pre><code> XMLHttpRequest cannot load http://localhost:99000/Services.svc/ReturnPersons.Origin null is not allowed by Access-Control-Allow-Origin.
</code></pre>

The web service returns data. I try to catch the data items like this:

<pre><code>var url = "http://localhost:99000/Services.svc/ReturnPersons";
$.getJSON(url, function (data) {
success: readData(data)
});
function readData(data) {
 alert(data[0].FirstName);
}
</code></pre>

And I'm trying to get this structure:

<pre><code>[{"FirstName":"Foo","LastName":"Bar"},{"Hello":"Foo","LastName":"World"}]
</code></pre>

Do you know why I'm getting this error?

XMLHttpRequest cannot load an URL with jQuery

我正在尝试从一个“远程”网站获取一些json数据。我在99000端口上运行web服务，然后在99001端口()上启动我的网站。我得到以下消息：    XMLHttpRequest cannot load http://localhost:99000/Services.svc/ReturnPersons. Origin ...

问XMLHttpRequest无法使用jQuery加载URL
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问XMLHttpRequest无法使用jQuery加载URLEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问XMLHttpRequest无法使用jQuery加载URL
EN