How can i pass special character like “#”, “^” in http.post url as parameters

Question

While passing special characters like # , ^ in http.post url , it is returning as bad request.

$http.post("requestFormDataInsert.jsp?manager=" +$scope.managerName+ "&productName="+ $scope.productName+ "&productVersion="+ $scope.versionNumber+ "&expectedDate="+ $("#datepicker1").val()+  "&description=" +$scope.description+ "&requestType="+$scope.requestType ).then( function( resp ){
    $scope.requestId = resp.data;
    alert("Your response has been updated successfully")
    $location.path('/');
});

Suppose we have some parameters here which contains as # (hash) or ^ characters so it is telling as bad request .

Answer 1

You need to encode your params. You can encode them manually by using encodeURI or just add them into the param section on your request. In that way your params get serialized and encoded automatically.

$http({
  url: 'requestFormDataInsert.jsp',
  method: 'POST',
  params: {
    manager: $scope.managerName,
    productName: $scope.productName,
    productVersion: $scope.versionNumber,
    expectedDate: $("#datepicker1").val(),
    description: $scope.description,
    requestType: $scope.requestType
  }
}).then(function (result) {
});