Ajax post not working to external domain

Question

Maybe I'm the Nth user that ask this question, but I can't figure it out.

The data string of the ajax call seems to be empty or what? Either I don't get any feedback on the succes or error function.

$.ajax({
  type:'POST',
  url:'http://www.example.com/test.php',
  data:'lid=test',
  succes: function(data){
    console.log(data);
  },
  error:function(data){
    console.log(data);
  }
});

I hope someone can help me out with it?

Kind regards,

Frank

score 5 · Answer 1 · answered May 03 '13 at 10:39

5

There's no succes function. You probably mean success.

answered May 03 '13 at 10:39

Álvaro González

142,137
41
261
360

score 3 · Answer 2 · edited May 23 '17 at 12:09

3

This is because of the Same origin policy. you cannot use ajax to call external sites. if you really want to use, you have to use JSONP. Or you can use serverside proxy for this. means, call external site in the server side and do ajax call to the that webservice.

for more information please refer this link and this answer https://stackoverflow.com/a/8698786/880434

edited May 23 '17 at 12:09

Community

1
1

answered May 03 '13 at 10:40

Chamika Sandamal

23,565
5
63
86

score 2 · Answer 3 · answered May 03 '13 at 10:39

2

Try this

 $.ajax({
        type:'POST',
        url:'http://www.example.com/test.php',
        crossDomain: true,
        data:'lid=test',
        success: function(data){
            console.log(data);
        },
        error:function(data){
            console.log(data);
        }
    });

answered May 03 '13 at 10:39

Sudz

4,268
2
17
26

It will only work if the server also is sending the correct headers. – NilsH May 03 '13 at 10:41

score 1 · Answer 4 · edited May 23 '17 at 12:33

1

AJAX requests are generally limited to same domain. Here is some information I found on another Stack Overflow Answer, Using Access-Control-Allow-Origin header

Alternatively, if your response is of the right format, you could try a JSONP request

edited May 23 '17 at 12:33

Community

1
1

answered May 03 '13 at 10:39

Turnerj

4,258
5
35
52

score 1 · Answer 5 · answered May 03 '13 at 10:39

You're being blocked by the browser "Same origin policy". That is, you cannot do ajax requests to other than the same domain that the script was loaded from. There are, however, some workarounds:

Use JSONP. This is probably the most cross browser compatible solution
Configure your application to support CORS. This works in most modern browsers, but not in some older.
Create a proxy service on your own server. That is, mount an endpoint, e.g. /externalService that proxies the request on the server side to the remote endpoint. It also will work in all browsers, but will involve more work on the server side.

score 0 · Answer 6 · answered May 03 '13 at 10:39

0

The server www.example.com should have the cross-domain.xml which will contain the domain names allowed to request and get response. So add your domain from which the request is coming or just add the doamin name as '*' to accept all doamins

answered May 03 '13 at 10:39

user2120928

88
1
8

That's Flash specific as far as I know. – NilsH May 03 '13 at 10:41

Ajax post not working to external domain

6 Answers6