如何 AJAX 调用 GraphHopper 路由优化 API?

How to make an AJAX call to GraphHopper Route Optimization API?

我正在尝试使用 GraphHopper 路线优化 API 来解决 VRP 的取货和送货问题。我想用 https://graphhopper.com/dashboard/#/editor 中的示例对其进行测试。我的请求是这样的:

var vrp = {
      "vehicles": [
        {
          "vehicle_id": "my_vehicle",
          "start_address": {
            "location_id": "berlin",
            "lon": 13.406,
            "lat": 52.537
          }
        }
      ],
      "services": [
        {
          "id": "hamburg",
          "name": "visit_hamburg",
          "address": {
            "location_id": "hamburg",
            "lon": 9.999,
            "lat": 53.552
          }
        },
        {
          "id": "munich",
          "name": "visit_munich",
          "address": {
            "location_id": "munich",
            "lon": 11.57,
            "lat": 48.145
          }
        },
        {
          "id": "cologne",
          "name": "visit_cologne",
          "address": {
            "location_id": "cologne",
            "lon": 6.957,
            "lat": 50.936
          }
        },
        {
          "id": "frankfurt",
          "name": "visit_frankfurt",
          "address": {
            "location_id": "frankfurt",
            "lon": 8.67,
            "lat": 50.109
          }
        }
      ]
    };

    $.ajax({
    beforeSend: function(xhrObj){
        xhrObj.setRequestHeader("Content-Type","application/json");
        xhrObj.setRequestHeader("Accept","application/json");
    },
    type: "POST",
    url: 'https://graphhopper.com/api/1/vrp/optimize?key=[...]',       
    data: vrp,               
    dataType: "json",
    success: function(json){
       console.log(json);
    }});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我收到以下回复: screenshot

这可能是什么问题?

我在另一个问题中找到了解决方案 Send JSON data with jQuery

只需使用data: JSON.stringify(vrp)