ajax cross domain not working in jquery

Question

Error :

Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:8080, *', but only one is allowed. Origin 'http://localhost:8080' is therefore not allowed access.

$("#selector3").autocomplete({
            source: function(request, response) {               

                $.ajax({
                   url: "http://example.com/"+$("#selector3").val(),
                    type: "GET",
                        dataType: "json",
                        data: request,
                        processData: true,
                        data: {},

                        headers: { 
                            "Access-Control-Allow-Origin" : "*",
                            "Access-Control-Allow-Headers": "origin, content-type, accept"
                                    },

                        crossDomain: true,
                    success: function(data) {   
                        alert(data.Company_Id);
});

Darshan Jain · Accepted Answer · 2016-04-25 07:46:07Z

2

Please use JSONP for cross domain scripting.

Check below sample code:

$.ajax({
    url: "http://example.com/" + $("#selector3").val(),
    type: "GET",
    dataType: 'jsonp', // Notice! JSONP <-- P (lowercase)
    data: request,
    processData: true,
    data: {},
    headers: {
        "Access-Control-Allow-Origin": "*",
        "Access-Control-Allow-Headers": "origin, content-type, accept"
    },
    success: function(data) {
        alert(data.Company_Id);
    }
});

answered Apr 25, 2016 at 7:46

Darshan Jain

4972 silver badges10 bronze badges

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

3 Comments

Arunkumar Over a year ago

I have changed datatype : jsonp, I get response error in ( Error: jQuery1113042518210380525434_1461646502000 was not called )

Darshan Jain Over a year ago

@Arunkumar, That means either a network error or an end point that doesn't return a JSONP response.

moghwan Over a year ago

Not a real solution if you set a bearer token or any header parameter, headers is totally ignored

Niels · Accepted Answer · 2016-04-25 07:45:45Z

0

The headers you send to the server from Javascript, should be returned by the server. If you have no access to the server this will be impossible. This means the server accepts your domain as a legal processor.

Next to that you can try a JSONP call. Check this URL: https://learn.jquery.com/ajax/working-with-jsonp/

answered Apr 25, 2016 at 7:45

Niels

50.1k4 gold badges68 silver badges86 bronze badges

Comments

Hakkı · Accepted Answer · 2016-04-25 07:42:08Z

-1

you can't do ajax operaitons on other websites source code except you have rights. you have to to that on the server side. in php you can use cURL, in .net you can use html agility pack.

answered Apr 25, 2016 at 7:42

Hakkı

8372 gold badges14 silver badges24 bronze badges

Collectives™ on Stack Overflow

ajax cross domain not working in jquery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related