未捕获的错误：[$ http：badreq] Http请求配置url必须是一个字符串（AngularJS）

Question

I am developing a webapp,and have ran into some difficulties, especially this one that I am having a hard time getting rid of, here is the code

this.bookSpace = function (date, spaceId) {

swal({
    title: "Are you sure?",
    text: "Would you like to book this space?",
    type: "warning",
    showCancelButton: true,
    confirmButtonColor: "#DD6B55",
    confirmButtonText: "Yes, Book it!",
    closeOnConfirm: false
  },
  function () {
    var transform = function (data) {
      return $.param(data);
    };
    $http.post(
      {
        url:"/api/api/AdhocBooking?bookingDate="+date.DateTime+"&spaceId="+spaceId,

        headers: {'content-type': 'application/json; charset=UTF-8','Authorization': 'bearer'},
        transformRequest: transform,
        data: {

          "Name": "Michael Knott"
        }
      });
    swal("Booked!",
      "Your space has been booked!",
      "success");
  })

Here is the response I get

Uncaught Error: [$http:badreq] Http request configuration url must be a string

Thank you.

Answer 1

First you will need to replace date.DateTime to be encodeURIComponent(date.DateTime.toString()) there is another point in the code posted I don't see a reason for this function.

function () {
    var transform = function (data) {
      return $.param(data);
    };

as data you passed is already json

headers: {'content-type': 'application/json; charset=UTF-8','Authorization': 'bearer'},
        transformRequest: transform,
        data: {

          "Name": "Michael Knott"
        }

you can remove transformRequest function in the backed also you will need to decode date.DateTime in the backend if you want to use it.