首页 \ 问答 \ Http状态415即使提供正确的ContentType(Http Status 415 even when providing correct ContentType)

Http状态415即使提供正确的ContentType(Http Status 415 even when providing correct ContentType)

 我正在尝试设置Autodesk Viewing App的快速POC，但我遇到了身份验证问题。 我已经检查了以下问题以获得一般帮助，但它们要么涵盖非常具体的问题，如HashTableMapping，要么甚至没有得到回答：  
 HTTP状态415 - 执行POST时不支持的媒体类型  
 使用Alamofire分段上传时的HTTP状态415  
 尝试访问localhost时出现HTTP错误500  
 请求因HTTP状态415而失败  
 根据Autodesk的文档，我的请求结构完全正常，但似乎抛出415错误。 任何人有任何想法或看到我没有看到的东西？ 这是我的代码如下：  
var XmlHttpRequest = require("xmlhttprequest").XMLHttpRequest;
console.log("references loaded");

var xhr = new XmlHttpRequest();
xhr.open("POST", "https://developer.api.autodesk.com/authentication/v1/authenticate", false);

var headerRequest = "Content-Type: application/x-www-form-urlencoded";
var headerValue = 
    "client_id=_someSecretValue_" + "&" +
    "client_secret=_someOtherSecretValue_" + "&" +
    "grant_type=client_credentials" + "&" +
    "scope=data:read";

xhr.setRequestHeader(headerRequest, headerValue);
xhr.send();

console.log(xhr.status); //getting a 415 here
console.log(xhr.statusText);

I'm attempting to set up a quick POC of an Autodesk Viewing App but I'm running into issues with authentication. I've already checked the following questions for general help but they're either covering extremely specific issues like HashTableMapping or haven't even been answered: 
HTTP Status 415 - Unsupported Media Type when doing POST 
HTTP status 415 when using Alamofire multipart upload 
HTTP Error 500 when attempting to access localhost 
The request failed with HTTP status 415 
According to Autodesk's documentation my request structure is totally fine but seems to be throwing a 415 error. Anyone have any ideas or see something I'm not seeing? Here's my code below: 
var XmlHttpRequest = require("xmlhttprequest").XMLHttpRequest;
console.log("references loaded");

var xhr = new XmlHttpRequest();
xhr.open("POST", "https://developer.api.autodesk.com/authentication/v1/authenticate", false);

var headerRequest = "Content-Type: application/x-www-form-urlencoded";
var headerValue = 
    "client_id=_someSecretValue_" + "&" +
    "client_secret=_someOtherSecretValue_" + "&" +
    "grant_type=client_credentials" + "&" +
    "scope=data:read";

xhr.setRequestHeader(headerRequest, headerValue);
xhr.send();

console.log(xhr.status); //getting a 415 here
console.log(xhr.statusText);

原文：https://stackoverflow.com/questions/37908251

更新时间：2022-07-28 09:07

最满意答案

 对于材质图表，需要设置选项 - > backgroundColor.fill  
 和/或 - > chartArea.backgroundColor  
backgroundColor: {
  fill: 'magenta'
},
chartArea: {
  backgroundColor: 'cyan'
},
 
 也不能忘记转换选项...  
 google.charts.Line.convertOptions(materialOptions)  
 
 请参阅以下工作片段...  
 
 
  
  google.charts.load('current', {
  callback: drawChart,
  packages: ['line', 'corechart']
});

function drawChart() {
  var chartDiv = document.getElementById('chart_div');

  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Month', 'Day', 'Hour','Min' );
  data.addColumn('number', "Battery Level");
  data.addColumn('number', "Solar Output");

  data.addRows([
    [new Date(2014, 1, 1, 8, 10),  -.5,  5.7],
    [new Date(2014, 1, 1, 8, 20),   .4,  8.7],
    [new Date(2014, 1, 1, 8 ,40),   .5,   12],
    [new Date(2014, 1, 1, 8 ,45),  2.9, 15.3],
    [new Date(2014, 1, 1, 8 ,60),  6.3, 18.6],
    [new Date(2014, 1, 1, 9 ,5),  9, 20.9],
    [new Date(2014, 1, 1, 9 ,12) , 10.6, 19.8],
    [new Date(2014, 1, 1, 9 ,18) , 10.3, 16.6],
    [new Date(2014, 1, 1, 9 ,28),  7.4, 13.3],
    [new Date(2014, 1, 1, 9 ,38),  4.4,  9.9],
    [new Date(2014, 1, 1, 9 ,48), 1.1,  6.6],
    [new Date(2014, 1, 1, 9 ,58), -.2,  4.5]
  ]);


  var materialOptions = {
    height: 300,
    chart: {
      title: 'Solar and Battery Overview',
    },
    backgroundColor: {
      fill: 'magenta'
    },
    chartArea: {
      backgroundColor: 'cyan'
    },
    series: {
      // Gives each series an axis name that matches the Y-axis below.
      0: {axis: 'Temps'},
      1: {axis: 'Daylight'}
    },
    axes: {
      // Adds labels to each axis; they don't have to match the axis names.
      y: {
        Temps: {label: 'Battery Level'},
        Daylight: {label: 'Solar Output'}
      }
    }

  };

  function drawMaterialChart() {
    var materialChart = new google.charts.Line(chartDiv);
    materialChart.draw(data, google.charts.Line.convertOptions(materialOptions));
  }

  drawMaterialChart();
} 
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div> 
  
 

for material charts, need to set option --> backgroundColor.fill  
and / or --> chartArea.backgroundColor  
backgroundColor: {
  fill: 'magenta'
},
chartArea: {
  backgroundColor: 'cyan'
},
 
also mustn't forget to convert the options...  
google.charts.Line.convertOptions(materialOptions)  
 
see following working snippet...  
 
 
  
  google.charts.load('current', {
  callback: drawChart,
  packages: ['line', 'corechart']
});

function drawChart() {
  var chartDiv = document.getElementById('chart_div');

  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Month', 'Day', 'Hour','Min' );
  data.addColumn('number', "Battery Level");
  data.addColumn('number', "Solar Output");

  data.addRows([
    [new Date(2014, 1, 1, 8, 10),  -.5,  5.7],
    [new Date(2014, 1, 1, 8, 20),   .4,  8.7],
    [new Date(2014, 1, 1, 8 ,40),   .5,   12],
    [new Date(2014, 1, 1, 8 ,45),  2.9, 15.3],
    [new Date(2014, 1, 1, 8 ,60),  6.3, 18.6],
    [new Date(2014, 1, 1, 9 ,5),  9, 20.9],
    [new Date(2014, 1, 1, 9 ,12) , 10.6, 19.8],
    [new Date(2014, 1, 1, 9 ,18) , 10.3, 16.6],
    [new Date(2014, 1, 1, 9 ,28),  7.4, 13.3],
    [new Date(2014, 1, 1, 9 ,38),  4.4,  9.9],
    [new Date(2014, 1, 1, 9 ,48), 1.1,  6.6],
    [new Date(2014, 1, 1, 9 ,58), -.2,  4.5]
  ]);


  var materialOptions = {
    height: 300,
    chart: {
      title: 'Solar and Battery Overview',
    },
    backgroundColor: {
      fill: 'magenta'
    },
    chartArea: {
      backgroundColor: 'cyan'
    },
    series: {
      // Gives each series an axis name that matches the Y-axis below.
      0: {axis: 'Temps'},
      1: {axis: 'Daylight'}
    },
    axes: {
      // Adds labels to each axis; they don't have to match the axis names.
      y: {
        Temps: {label: 'Battery Level'},
        Daylight: {label: 'Solar Output'}
      }
    }

  };

  function drawMaterialChart() {
    var materialChart = new google.charts.Line(chartDiv);
    materialChart.draw(data, google.charts.Line.convertOptions(materialOptions));
  }

  drawMaterialChart();
} 
  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

Http状态415即使提供正确的ContentType(Http Status 415 even when providing correct ContentType)

HTTP状态415 - 执行POST时不支持的媒体类型

使用Alamofire分段上传时的HTTP状态415

尝试访问localhost时出现HTTP错误500

请求因HTTP状态415而失败

HTTP Status 415 - Unsupported Media Type when doing POST

HTTP status 415 when using Alamofire multipart upload

HTTP Error 500 when attempting to access localhost

The request failed with HTTP status 415

最满意答案

相关问答

获取Google折线图的颜色值？(Get the color value for a Google line chart?)[2022-06-16]

Google Line Chart单值(Google Line Chart Single Value)[2022-02-09]

Google Material Line Chart - 材质图表不可能使用背景颜色？(Google Material Line Chart - Background Color impossible with material chart?)[2023-06-08]

谷歌线图表背景颜色填充按图像(google line chart background color fill as per image)[2023-09-19]

Google地理图表不会在Angular Material mdTabs中呈现(Google Geo Chart does not render inside Angular Material mdTabs)[2022-06-23]

如何在折线图谷歌图表材料上格式化轴？(How do I format axes on line chart google chart material?)[2021-11-03]

相关文章

最新问答