为什么有些跨域JSON请求会失败,但有些则不然？
这个问题涉及到了跨域资源共享（CORS）的概念，它是一种浏览器的安全机制，用于防止网页中的JavaScript代码对不同域名的资源进行访问。当一个请求涉及到跨域访问时，浏览器会自动发送一个预检请求（preflight request），该请求会询问服务器是否允许跨域访问。如果服务器允许跨域访问，则浏览器会继续发送实际的请求。如果服务器不允许跨域访问，则浏览器会阻止该请求。
有些JSON请求会失败，而有些则不然，这取决于服务器的响应头信息。具体来说，服务器需要在响应头中设置Access-Control-Allow-Origin字段，该字段指定允许跨域访问的域名。如果该字段的值为*，则表示允许任何域名进行跨域访问；如果该字段的值为特定的域名，则表示只允许该域名进行跨域访问。
如果服务器没有正确设置Access-Control-Allow-Origin字段，则浏览器会阻止跨域请求，导致JSON请求失败。如果服务器正确设置了该字段，则浏览器会允许跨域请求，JSON请求才能成功。
推荐的腾讯云相关产品：腾讯云API网关、腾讯云负载均衡、腾讯云CDN、腾讯云SSL证书。
产品介绍链接地址：
相关·内容
我想访问另一个域上的REST服务。如果在JQuery中指定：
dataType: 'json'
正如预期的那样，它失败了，因为对于跨域调用，必须使用JSONP。
当我将其更改为：
dataType: 'jsonp'
它应该可以工作，但失败了，因为服务器期望通过JSONP请求发送application/json或application/xml或text/html等，而不是*/*。
有没有办法强制JQuery在执行Accept请求时将application/json放在JSON请求头中？
浏览 1提问于2012-07-31得票数 4
回答已采纳
1回答
我用oData创建了一个Web，并通过datajs进行了调用，因此它在IE上运行良好，但在其他浏览器中则不然。代码如下
我的控制器类是
public class CompanyController: EntitySetController < CompanyDto, string > {
List < CompanyDto > companyDto = new List < CompanyDto > () {
new CompanyDto() {
Id = 1,
CompanyNa
浏览 1提问于2013-05-10得票数 1
1回答
因此，我尝试在使用Express构建的服务器中结合跨域服务和基本身份验证。对于我在客户端使用的特定路由，使用以下ajax调用：
$.ajax({
type: "PUT",
accepts: "application/json",
url: aURL,
data: JSON.stringify(toPut),
contentType: "application/json; charset=UTF-8",
dataType: "json",
success: function(d
浏览 0提问于2013-11-17得票数 1
我正在尝试使用以下命令调用API
createAuthorizationHeader(headers: Headers) {
headers.append('Authorization',
'Bearer ' + JSON.stringify(JSON.parse(localStorage.getItem('access_token')).access_token));}
getAllData() {
let headers = new Headers();
this.createAuthorizationHeader(
浏览 1提问于2017-03-24得票数 0
2回答
我向microsoft登录名发出HTTP POST请求，以获取用于邮件API的访问令牌，请求成功，但代码转到代码的error子句。
requestAccessToken(code: string)
{
console.log("request access token");
if (code) {
var headers = new Headers();
headers.append("Content-Type", 'application/x-www-form-urlencoded');
headers.append('Ac
浏览 0提问于2017-05-26得票数 9
回答已采纳
我尝试将数据从Kendo Ui Grid发布到我的web api
var crudServiceBaseUrl = "http://127.255.0.1:8081/api",
dataSource = new kendo.data.DataSource({
transport: {
read: {
url: crudServiceBaseUrl + "/meeting",
dataType: "jso
浏览 1提问于2013-07-25得票数 1
1回答
我有一个ASP.NET WebAPI客户端，它具有以下配置，允许任何跨域POST和GET调用：
public static void Register(HttpConfiguration config)
{
config.EnableCors(new EnableCorsAttribute("*", "*", "GET,POST"));
// other unrelated configurations
}
我对我的WebAPI应用程序进行了AJAX调用，所有这些调用都在控制台中的CORS预防消息中失败。
以下AJAX请求失败：
浏览 0提问于2015-10-27得票数 3
回答已采纳
如果我运行这个，我得到“发送”消息，但“接收”消息不显示。为什么？错误消息是失败和错误块中的No Transport。
html：
<ul>
<li><a href="http://www.hotmail.com">hotmail.com</a></li>
<li><a href="http://www.google.com">google.com</a></li>
</ul>
js：
<script type="
浏览 3提问于2012-05-27得票数 0
回答已采纳
1回答
我有一个PHP/javascript应用程序，它使用ajax请求查询并返回信息。到目前为止，在我使用过的每台服务器上，都可以像预期的那样工作，向服务器传递一个Ajax请求并返回json数据。
在新安装时，查询失败并没有返回任何内容--我检查了请求，结果发现服务器不是将查询作为GET传递，而是将其作为选项请求传递。有什么原因吗？我不知道为什么会发生这种事。
谢谢!
浏览 0提问于2010-09-28得票数 0
3回答
我正在尝试编写一个webform，它将从用户那里获取一个城市和州，将它们传递到API的url中，然后将最高和最低值放到表单中。
目前，如果我在IE中调试它，我在ajax中遇到错误，它会显示一个警告，指出失败404，但如果我在firefox中调试，如果我查看firebug，我会看到304响应。
我通过jsfiddle运行了ajax调用，它在警报中返回了正确的数据。所以我不认为问题出在ajax本身。我已经将其余的javascript和HTML添加到jsfiddle中并运行它，当我点击提交按钮时，我得到一个失败警告的闪光，并且jsfiddle说“错误:请使用POST请求。”如果我这样做了，它仍然做同
浏览 5提问于2014-03-10得票数 0
2回答
$(document).ready(function() {
$.ajax({
type: 'GET',
url: "http://www.google.com/ig/calculator?hl=en&q=1GBP=?USD",
dataType: "json"
}).done(function() {
alert("success");
}).fail(function() {
alert('fail'
浏览 1提问于2012-10-31得票数 2
回答已采纳
3回答
我尝试使用jquery ajax从其他域检索json数据，但不起作用。这是我的代码：
function getLeague() {
$.ajax({
url: 'http://otherdomainurl.ashx?username=xxx&pass=xxx&type=xxx',
headers: { 'Access-Control-Allow-Origin': '*' },
dataType: 'jsonp',
async: false,
浏览 1提问于2016-02-24得票数 0
2回答
我正在使用curl调用我的一个API，如下所示(跨域)。
curl -H "Origin: foo.com" -H "Content-Type: application/json" -H "Authorization: Basic YWRtaW46YWRtaW4=" -v https://localhost:9443/api/v10/configs -k
我没有在服务端设置必要的跨域头部。但是API调用是有效的。为什么会这样呢？
在服务器端API类中，在options调用中，我只设置了Allow头。
@OPTIONS
public Re
浏览 1提问于2015-11-25得票数 3
1回答
因此，我已经开始使用PhoneGap/Cordova (windows phone)和WCF Rest服务，然而，我在让Emulator与WCF服务交互时遇到了问题。
起初我在想，也许Emulator无法连接到本地主机WCF服务，所以我在外部主机上发布了WCF服务，但问题仍然出现……即仍然不能对WCF服务进行调用。
我的代码如下所示：
PhoneGap应用程序的javascript文件如下所示：
function getAjax() {
var jqxhr = $.ajax({
url: 'http://link.to.service.com/service1/',
浏览 1提问于2012-06-27得票数 0
回答已采纳
3回答
您好，我正在尝试使用这段代码从远程主机读取json。
<!DOCTYPE html>
<html>
<head>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$.getJSON("http://xx.xxx.xxx.xx/rest/user.json",function(result){
$.each(resul
浏览 0提问于2012-10-21得票数 6
回答已采纳
建议验证内容类型的标题。但它没有为同样的对象指定rational。我为什么要验证内容类型的标题，即使我没有阅读或使用它？
当POSTing或PUTting新数据时，客户端将指定传入数据的内容类型(例如application/xml或application/json)。服务器不应该假设内容类型；它应该始终检查内容类型标头和内容类型是否相同。缺少内容类型标头或意外的内容类型标头会导致服务器以406不可接受的响应拒绝内容。
浏览 5提问于2016-11-23得票数 1
其他的 SDK 包括小程序/NodeJs的 SDK 都有 getService 方法，为什么唯独 Javascript SDK 没有 getService 方法？
浏览 367提问于2019-08-13
2回答
我在使用jquery 1.3.2 /1.4.2检索ajax数据时遇到了问题：
--它与IE 7/8协同工作--FF3.5/3.6、Chrome 5.0.375.70失败
jquery代码是非常基本的：
$.get('http://myhost/someurl',function(data) {
if (data) {
alert('data is: ' + data);
} else {
alert('no data');
}
});
除了IE之外，所有经过测试的浏览器我都加入了其他浏览器。
浏览 7提问于2010-06-22得票数 1
回答已采纳
我正在用这个
$.getJSON('localhost/api/getStoreInventory', data, function(json) {});
对我正在处理的api进行json调用。只要我使用localhost，只要我把它改成我的产品server ex：
$.getJSON('http://mydomain.com/api/getStoreInventory',
data, function(json) {});
呼叫将失败。本地主机和生产环境上的api文件都是相同的。我通过JSLint.com jso
浏览 0提问于2011-08-20得票数 0
回答已采纳
这是我的应用程序主页的整个javascript文件。有什么想法可以解释为什么它永远不会进入文档就绪侦听器？
var photos;
forge.request.ajax({
url: "http://photos-url.com/pics.json",
dataType: "json",
success: function(data) {
photos = data;
},
error: function(error) {
forge.logging.info("Couldn't fetch pics!"
浏览 0提问于2013-07-07得票数 0
我对asp.net网络应用编程接口非常陌生。我正在使用jquery进行一个简单的跨域调用。一切似乎都正常工作，甚至当我检查我返回的结果时，我看到它将json发送回给我，但调用失败，并显示“Uncaught:Uncaught：”错误。我不知道为什么它失败了，谢谢你的帮助。
$.ajax({
url: 'http://webapidomain.domain.com/api/Register?firstName=' + firstName + '&lastName=' + lastName + '&' + 'email=
浏览 2提问于2012-07-03得票数 1
回答已采纳
1回答
这是怎么回事？
var tumblr = require('tumblr.js');
var client = tumblr.createClient({
consumer_key: '...',
consumer_secret: '...',
token: '...',
token_secret: '...'
});
client.userInfo(function (err, data) {
if (err)
console.log(err);
console.
浏览 1提问于2017-07-30得票数 0
回答已采纳
我对角度有点陌生，这是我第一次使用$http.put。我的问题是，当我发送数据包时，它将不包含数据(json对象)，而PUT是一个头(？)。
这就是我的代码的样子：
app.controller('StatusController',['$http', function($http) {
this.updateComment = function (eventid, comment) {
var requestData = {"event-id":eventid, "new-comment":comment};
浏览 1提问于2015-11-08得票数 0
回答已采纳
我使用$.getJSON调用将JSON数据从移动客户端(如平板)传递给远程跨域服务器上的ashx处理程序。注意，$.getJSON调用在体系结构中是强制性的。
完整的代码就像
$.getJSON('http://www.domain.com/Proxy.ashx?json=' + JSON.stringify(json) + '&callback=?', function (result) {
....
});
查询字符串大小的Chrome限制似乎是65535个字符。这是真的吗?移动浏览器(android)
浏览 10提问于2014-02-02得票数 0
回答已采纳
2回答
我试图向远程Rest (put方法) api提出请求
var xhReq = new XMLHttpRequest();
xhReq.open("PUT", "http://api-easybib.apigee.com/2.0/rest/cite", true);
xhReq.setRequestHeader('Content-Type', 'application/json');
var jsonString = "{...}";
xhReq.send(JSON.stringify(jsonString));
浏览 4提问于2014-02-18得票数 0
回答已采纳
1回答
从URL加载JSON
、、、
这段代码可以在HTML模拟器中运行，但当我复制并粘贴它并尝试在浏览器中运行它时，它就不起作用了。
为什么会这样呢？我的浏览器是不是设置了某种保护措施？我如何修改代码才能使其在浏览器中工作？
来源：
此处复制的代码：
<!doctype html>
<title>Example</title>
<!-- Load JQuery -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js">
</script>
&l
浏览 0提问于2018-02-07得票数 0
我在这里有一个网站：
下面的JavaScript代码演示了如何使用JQuery发出此GET请求，以返回站点所有列表的JSON表示。它还假设您有一个存储在accessToken变量中的有效OAuth访问令牌。如果您从应用程序web内部进行此调用，则不需要访问令牌，就像在SharePoint托管的应用程序中一样。
jQuery.ajax({
url: http:// site url/_api/web/lists,
type: "GET",
headers: {
"ACCEPT","application/json;odata=verbose",
&
浏览 3提问于2012-08-04得票数 27
回答已采纳
1回答
我正在尝试从输出以下JSON数据的URL获取JSON数据：
[
{
"belief_desc":"Jesus Died For Your Sins",
"0":"Jesus Died For Your Sins"
},
{
"belief_desc":"People Are Sinful",
"0":"People Are Sinful"
},
{
"belief_desc":"God Love
浏览 0提问于2013-02-07得票数 5
回答已采纳
我正试着从本地获取我的json，转而使用API获取它。我已经让它在本地工作了，但在使用API请求它时似乎无法访问它。我的格式一定是不正确的，但我不确定我正在搜索的是不正确的内容。
这是我在迁移到API之前从本地目录获取json的方法：
countClocks.factory('thisClock', ['$resource',
function($resource){
return $resource('clocks/:clockId.json', {}, {
query: {method:'GET', params:{cl
浏览 1提问于2014-03-10得票数 0
1回答
我正在尝试使用asp.net Web API创建一个基本的REST帖子，但它返回错误状态: 0。另外，它看起来失败了AJAX请求
我的控制器：
[HttpPost]
public myData Post( myData m)
{
return m;
}
我的班级：
public class CLData
{
public string FirstName { get; set; }
public string LastName { get; set; }
public int Age { get; set; }
}
我的HTML请
浏览 0提问于2017-10-13得票数 0
代码尝试使用进行跨域调用。
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var request=$.ajax({
type: "GET",
url: "
浏览 1提问于2013-11-14得票数 0
回答已采纳
当发送POST或GET请求到正在通过EC2上的PM2提供服务的Express服务器时，Postman会收到包括JSON数据的完整响应，而我们的前端React应用程序(本地和通过CF部署)只接收响应状态代码和消息，并将数据变量作为空字符串。React应用程序正在使用axios进行这些调用。 我花了相当多的时间在亚马逊网络服务支持上，但我们得出的结论是，这不是EC2或CF的问题。 我也和我的同事讨论了很多，我们认为这可能是一个异步问题，但我们被难住了。 这是客户端调用： export function signIn (data) {
return (dispatch) => {
浏览 31提问于2019-05-22得票数 0
我有一个silverlight应用程序通过https连接到over服务。
not服务托管在mydomain.com (而不是本地主机)上。
当我运行silverlight时，它对mydomain.com上的webservice进行https调用，但也试图访问"“，但显然失败了。为什么我的SL应用程序在本地主机中查找cal.xml？为什么它不在mydomain.com中查找cal.xml？
感谢你的想法。
谢谢!
浏览 2提问于2009-10-20得票数 2
1回答
通过使用redux-saga发送post请求，我有以下代码：
import {put, call, fork, takeEvery} from 'redux-saga/effects';
import fetch from 'isomorphic-fetch';
const url = 'xxx/api/posts';
function* addPost(data) {
try{
const response = yield fetch(url, {
method: 'POST'
浏览 2提问于2017-04-03得票数 1
我无法理解，如何从Google服务器获取JSON数据，请求失败，出现405 HTTP错误(方法不允许)。但是我可以手动下载JSON文件，也可以使用file_get_contents API在我的web服务器上使用PHP。但是我希望客户机浏览器直接下载JSON数据。这方面也有一些类似的问题，但我仍然无法理解如何做到这一点。
有什么想法吗？
编辑:我想在Firefox 3.5中下载并显示这个json数据
我可以通过指定?callback=下载文件吗？在URL中，但无法读取数据。我也对任何其他方法开放，而不仅仅是jquery，但它必须是客户端javascript。
浏览 1提问于2009-11-23得票数 1
回答已采纳
1回答
我想检索houseType，这是使用ajax的api调用。只有Console.log for result是可以的，但其他的则显示undefined。我不知道为什么会这样。
$.ajax({
url: 'http://api/get.php',
type: 'GET',
crossDomain: true,
datatype:'json',
data:{
HouseNo: 2001
},
success: function(result) {
console.log(
浏览 0提问于2017-12-10得票数 0
回答已采纳
3回答
如何解决访问控制允许源错误？
、、、、
我在Django的heroku.com上安装了一个小型web应用程序，它返回JsonResponse，您可以看到它是
{
name: "shubham",
college: "MAIT",
subject: "java"
}
我还在我的计算机上本地安装了服务器，它接受JSON，并在这里附加HTML元素，这里是我的javascript文件：
$(function (){
$.ajax({
type:'GET',
url:'https://jus
浏览 5提问于2016-06-20得票数 0
回答已采纳
2回答
我试图调用一个以json格式返回数据的服务。我使用jquery-ajax请求来获取响应数据。
$('#butCallAjax').click(function () {
$.ajax({
url: 'my service url',
type: 'GET',
data: {},
success: function (data) {
if (data == "success")
浏览 4提问于2013-08-09得票数 0
2回答
对进行跨域jquery调用？
、、、、
我使用Jquery调用访问REStful Ajax服务，如下所示。webservice托管在不同的域中。
$.ajax({
type: "GET",
url: "some url hosted on differnt domain",
crossDomain: true,
contentType: "application/json; charset=utf-8",
dataType: "jsonp",
success: function(responseJson) {
浏览 1提问于2014-03-24得票数 0
回答已采纳
1回答
我对json文件的jquery调用在中失败。所有其他探险家都做得很好。
代码：
$.ajax({
url: myurl + "?randomid="+Math.random(),
datatype: "json",
mimeType:"application/json; charset=UTF-8",
success: function(data,status,response) {
浏览 2提问于2013-12-13得票数 0
回答已采纳
1回答
我一直在尝试找出为什么下面的代码不能工作，我没有任何成功，即使它看起来非常简单和直接。非常感谢您的帮助。
$.getJSON('http://67.224.83.133/Data/test.json', function (data) {
$.each(data.person, function(i, v) {
if (v.name == "Peter") {
alert(v.age);
return;
}
});
});
谢谢，维克
浏览 2提问于2012-02-27得票数 1
我正在尝试使用Ajax发出请求，但收到错误响应{"readyState":0,"status":0,"statusText":"error"}。下面是我的Ajax调用的代码：
$(document).ready(function() {
$.ajax({
url : "http://localhost:8080/persons/all",
/* url : "https://reqres.in/api/users?page=2", */
typ
浏览 3提问于2018-09-25得票数 0
对Service的JQuery AJAX调用将抛出异常，作为“拒绝访问”。见截图。它在SOAP中工作，因此SOAP请求似乎是正确的。请帮助发现问题和修复。
我的另一个代码截图-
<!DOCTYPE html>
<html>
<head>
<title>Calling Web Service from jQuery</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
浏览 3提问于2013-08-11得票数 0
1回答
我有点纠结在一个问题上。
我正在开发一个小型移动网站。我试图使用ajax调用来调用the服务，但是浏览器一直阻止我的调用。如果我用标签启动Chrome ..。“--允许--文件访问--从文件到--禁用--网络安全--”然后调用工作得很好。我一点问题都没有。
现在我的问题是，如果我主持网站，浏览器将阻止我的ajax调用，例如，用户无法登录或检索信息。我在下面介绍我的ajax电话..。
$.ajax({
async: true,
beforeSend: function () {
},
浏览 5提问于2014-03-06得票数 2
回答已采纳
我有一个可以工作的原型Symfony2 RESTful webservice，我还在研究客户端如何从can服务发送JSON或使用JSON数据。我所需要的只是一个关于如何向其发送请求或发布数据的示例，然后我就可以计算出其余的内容。在浏览器中，如果我访问http://localhost/app_dev.php/users.json，我将从数据库中得到正确的结果，如[{"id":1，“用户名”：“paulo”，"username_canonical":"paulo"，“电子邮件”：“a@ymail.com”，"email_canonical&#
浏览 0提问于2013-12-06得票数 0
回答已采纳
2回答
我有以下调用http处理程序的脚本。它调用http处理程序，在fiddler中，我可以看到正确返回的JSON，但是这个脚本总是在错误块中结束。我如何确定哪里出了问题？
<script type="text/javascript">
function GetConfig() {
$.getJSON("http://localhost:27249/Handlers/GetServiceMenuConfiguration.ashx", function(d) {
alert(&
浏览 0提问于2012-04-27得票数 0
回答已采纳
1回答
使用XHR的基本身份验证
、、、
我正在尝试从需要基本身份验证的服务器获取一些响应。所以当我使用curl时：
curl -u user:pass http://myserver.com/get/send-my-data
它给了我正确的回答。但是当我使用jquery AJAX创建XHR请求时。我有403错误。下面是我的AJAX设置：
$.ajax ({
type: 'GET',
url: 'http://myserver.com/get/send-my-data',
beforeSend: functi
浏览 0提问于2012-10-12得票数 2
回答已采纳
我正在使用ajax调用一个基于WCF REST的服务。
ajax方法在页面加载之前被调用。我希望在ajax请求的头部发送一个"Token“。在小提琴手中，我看到的是：
1.)头中没有token的服务请求。(AJAX调用失败)2.)头中有token的相同服务的请求。(传递AJAX调用)
在那之后，在chrome和safari上一切都可以正常工作。但在IE10和Mozilla上只有一个服务调用。因此，IE10和Mozilla中的服务调用失败，因为请求的头部中没有令牌。
这是我调用的方法：
function callservice (method, serviceUrl, params, s
浏览 0提问于2012-11-29得票数 3
回答已采纳
我使用$.ajax()来使用本地.asmx used服务。下面是我调用的代码：
$("#btnGetOne").click(function() {
$.ajax({
type: 'POST',
contentType: 'application/json; charset=utf-8',
url: 'http://localhost:53003/TestWebService.asmx/GetServant',
浏览 1提问于2011-07-26得票数 6
回答已采纳
1回答
似乎是一个相当常见的问题，但在搜索了一堆这样的帖子，我仍然没有更近，所以我们开始。
IE9拒绝执行我的ajax调用，它直接跳过错误函数。没有从浏览器发送任何请求，控制台中也没有出现错误，这使得问题更难调试。
我猜这个问题对于IE9来说是非常特殊的，因为它在Chrome、FF甚至IE8中都能使用。POST请求是跨域的，但幸运的是，如果有人认为会有帮助，我可以修改任何我想要的标题。
请注意，我对console.log()使用了polyfill，尽管据我所知，这只会影响< IE8。
我试过什么
添加缓存:false
加法时间戳
添加contentType
把我的电脑锯成两半
浏览 2提问于2014-02-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
