thread Re: Error while posting data to the Square Checkout to get checkout ID in Archived Discussions (Read Only)

Error while posting data to the Square Checkout to get checkout ID

dhilipan — Tue, 09 May 2017 12:27:32 GMT

ERRORS that i recieved in the console:

=>angular.js:11048 OPTIONS https://connect.squareup.com/v2/locations/xxxxxxxxxxxxx/checkouts 403 (Forbidden)

=>XMLHttpRequest cannot load https://connect.squareup.com/v2/locations/xxxxxxxxxxxxx/checkouts. 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:9000' is therefore not allowed access. The response had HTTP status code 403.

i am receiving this error while connecting Square Checkout from localhost.

Re: Error while posting data to the Square Checkout to get checkout ID

tristansokol — Tue, 09 May 2017 22:23:04 GMT

What do you mean by connecting?

You'll need to use a server-side language to generate a checkout form.

Re: Error while posting data to the Square Checkout to get checkout ID

dhilipan — Wed, 10 May 2017 05:25:26 GMT

Actually we post object to this api "https://connect.squareup.com/v2/locations/XXXXXXXXX/checkouts" from our dev browser "http://localhost:9000". We get error

=>angular.js:11048 OPTIONS https://connect.squareup.com/v2/locations/xxxxxxxxxxxxx/checkouts 403 (Forbidden)

But when we tried to post object to the above api using postman application, it returns checkout ID in response.

Re: Error while posting data to the Square Checkout to get checkout ID

tristansokol — Wed, 10 May 2017 17:02:21 GMT

Like I said, you need to make the request to the checkout enpoint from the server side, not client side. It looks like you are trying to use AngularJS, which makes requests in the client. Instead you need to make the request with your server. That is why postman works, whereas your browser does not.