Escaping forward slash in javascript when passing parameters to the url

Question

I am sending a request to a Web API from my javascript code as follows:

http://localhost:49358/api/myClasses/GetMyData/first%20second/third%20fourth%2Ffifth

where

http://localhost:49358/api/myClasses/GetMyData/

is my controller method to which i am passing two parameters first second and third fourth/fifth

A whitespace gets escaped automatically by %20 automatically and / I escape using %2F

The issues is that the url call above returns error 404. Meanwhile if I replace third fourth/fifth by any valid value not containing forward slash, everything works just fine.

Could anyone point me in the right direction?

My controller code is below:

(function () {
  angular.module("myApp").controller("MyController", ["$scope", "$state", "$http", MyFunction]);

  function MyFunction($scope, $state, $http) {
    $scope.MyClass1=[];
    $http.get('http://localhost:49358/api/myClasses/GetMyData/' + $scope.$parent.param1 + '/' + encodeURIComponent($scope.$parent.param2))
      .then(function (result) {
        $scope.MyClass1 = result.data;
    });
  };
})();

What does your controller look like?

Blue Eyed Behemoth
– Blue Eyed Behemoth

2016-02-22 16:40:58 +00:00
Commented Feb 22, 2016 at 16:40 — Blue Eyed Behemoth
– Blue Eyed Behemoth, Commented Feb 22, 2016 at 16:40

Coding Duchess · Accepted Answer · 2016-02-23 13:28:01Z

1

Turns out it is not a client-side issue, as I encoded the slash. The real issue is that the server cannot handle the slash in the parameter in the url. I have decided to replace the slash with underscore and modify my Web API to replace all the underscores with a forward slash later on. Any other suitable character can be used as well

answered Feb 23, 2016 at 13:28

Coding Duchess

7,01927 gold badges145 silver badges244 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Escaping forward slash in javascript when passing parameters to the url

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related