CORS issue while submitting data to google forms in angular

Question

While submitting the data : Error Message : XMLHttpRequest cannot load https://docs.google.com/forms/d/xxxxxxxxxxxxx/formResponse. 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:8090' is therefore not allowed access. The response had HTTP status code 405.

    $scope.postDataToGoogle = function(){
    $http({
        method: 'POST',
        crossDomain: true,
        url: 'https://docs.google.com/forms/d/XXXXXXXXXXXXXXXXXXXXXXXX/formResponse',
        // dataType: "xml",
        data: tempData,
        }).success(function(data,status){
            //alert(data)
            console.log("Success");

        }).error(function(data,status) {
            console.log('Error:' + status);
        });

    }

Hello this issue may be related to this question. It sounds like google docs doesnt support CORS requests, but the OP posted a work around. — bradimus
– bradimus, Commented Apr 18, 2016 at 12:31
Google does not support. this link might useful stackoverflow.com/questions/18172801/… — santhu
– santhu, Commented Sep 25, 2016 at 7:03

Community · Accepted Answer · 2017-05-23 11:54:29Z

1

Its not about jquery or angular, CORS allows or disallow done by Back-end server. Google might not support this.(to access https://docs.google.com)

CORS (Cross-Domain Resource Sharing) allows you to more cleanly separate your front-end from your back-end.

CORS is a group of special response headers sent from the server that tell a browser whether or not to allow the request to go through

Access-Control-Allow-Origin: http://example.com.

Why does jQuery throw an error when I request external resources using an Appcache Manifest?

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Apr 25, 2017 at 10:27

Rambabu.Botcha

788 bronze badges

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

Comments

Mahesh K · Accepted Answer · 2016-10-18 19:53:41Z

1

I do have tried with angular still not able solve it, but with jQuery its works for me.

$.ajax({
            url: 'https://docs.google.com/forms/d/xxxxxxxxx',
            data: tempData,
            type: "POST",
            dataType: "xml",
            statusCode: {
                0: function () {
                    alert('error');

                },
                200: function () {
                    alert('Thank you for your valuable feedback');

                }
            }
        })

edited Oct 18, 2016 at 19:53

Mahesh K

1,7073 gold badges23 silver badges37 bronze badges

answered Sep 25, 2016 at 7:10

santhu

133 bronze badges

1 Comment

Mahesh K Over a year ago

can I send data type as json insted of xml.

Collectives™ on Stack Overflow

CORS issue while submitting data to google forms in angular

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related