Error while sending http request in Javascript

Question

I have a decoupled front-end and back-end. When I press submit button in front-end I would like to send POST http request to the server.

Code for submit:

$scope.onSave = function () {
        $http.post('http://localhost:3000/documents', { user: $scope.user, formData: $scope.formData }, function (response) {
            $scope.isSaved = true;
            console.log(response);
            if (response.success) {
                console.log("It has been successfully saved!")
            }
        });
}

Then, I get an error saying

XMLHttpRequest cannot load http://localhost:3000/documents. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3001' is therefore not allowed access. The response had HTTP status code 404.

What is an error here? I cannot really figure it out.

Another question: Let's say I'm logged in to this website. How do I get a USER info(like username or email) from the website. Do I access a URL header to get this info? When I send POST request, I need to send USER_ID as a param to successfully post data to the server.

Rudolf Manusachi · Accepted Answer · 2016-04-17 23:43:27Z

0

You should allow crossdomain access on serverside (CORS).

answered Apr 17, 2016 at 23:43

Rudolf Manusachi

2,3562 gold badges20 silver badges25 bronze badges

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

4 Comments

Kahsn Over a year ago

Would this cause any kind of security loop hole? And can you give an example how to allow CORS in javascript?

Rudolf Manusachi Over a year ago

if you use javascript on serverside (node.js) you can make something like this stackoverflow.com/a/29921446/2542172

Kahsn Over a year ago

So I don't need to do anything on the front end but on server side right? And do you happen to know how to allow in Ruby on Rails? That's what I'm using for the server.

Rudolf Manusachi Over a year ago

@Kahsn just answered on your question in other post stackoverflow.com/a/36683562/2542172

Collectives™ on Stack Overflow

Error while sending http request in Javascript

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related