AngularJs $http not working with cross domain

Question

first of all i am on developing a mobile app using ionic framework

in one factory i need to talk to a server side which is not in my domain (cross domain request)

i used this code and it never works for me

$http.get({
    url: 'http://test.wilson34.com/test.php',

    data: {
        "name": "peter"
    }
}).
success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
    console.log('Success' + data);
    alert(data)
}).
error(function(data, status, headers, config) {

    console.log('Status : ' + status);

});

but when do it using jQuery it works like charm

jQuery.ajax({
    url: 'http://test.wilson34.com/test.php',

    data: {
        "name": "peter"
    }
}).
success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
    console.log('Success' + data);
    alert(data)
}).
error(function(data, status, headers, config) {

    console.log('Status : ' + status);

});

please help i will not use jQuery in my project , any suggestions t do it using $http in angularJs

thanks in advance

try to set $httpProvider.defaults.useXDomain = true in your angular config block — dhavalcengg
– dhavalcengg, Commented Dec 24, 2014 at 14:08
It will failed because you use jQuery's style, not Angular's style of doing AJAX. — Andi N. Dirgantara
– Andi N. Dirgantara, Commented Dec 24, 2014 at 14:09

byrdr · Accepted Answer · 2014-12-24 14:53:06Z

1

$http.get('http://test.wilson34.com/test.php', {params: {name: 'peter'}
}).success(function(data, status, headers, config) {
  console.log('Success' + data);
}).error(function(data, status, headers, config) {
  console.log('Status : ' + status);
});

Params is an object with key, value pairs. In this case it evaluates to ?name=peter

edited Dec 24, 2014 at 14:53

answered Dec 24, 2014 at 14:27

byrdr

5,52712 gold badges50 silver badges80 bronze badges

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

Comments

ianaya89 · Accepted Answer · 2014-12-24 14:06:41Z

1

I think that you are using the $http service in a wrong way. $http() is service, not a function you need to call the get() or post() method from this service:

$http.get('http://test.wilson34.com/test.php?name=peter').
success(function(data, status, headers, config) {
    console.log(data);
}).
error(function(data, status, headers, config) {
    console.log('Status : ' + status);
});

Checkout the documentation.

answered Dec 24, 2014 at 14:06

ianaya89

4,2613 gold badges29 silver badges34 bronze badges

1 Comment

Peter Wilson Over a year ago

yes sure i know that and i was using $http.get but i just typed it wrong in my question thank for advice , but it not working

Pratik · Accepted Answer · 2014-12-24 15:34:49Z

0

Basically your syntax for $http is wrong.
Use it like a service is used in angular js and don't forget to use $http as a parameter to your method which hosts $http request

$http.get(URL)
.success(function(response) {
    console.log('success');
})
.error(function(response){
    console.log('error')
});

edited Dec 24, 2014 at 15:34

Pratik

1,5393 gold badges26 silver badges57 bronze badges

answered Dec 24, 2014 at 15:06

Ashish_B

1141 silver badge9 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:15:35Z

0

thank you all , byrdr said i was have to put the data in a param object that solved it

final code is :

$http({
            url : 'http://test.wilson34.com/test.php',
            type : 'GET',
            params : {
                'name' : encrypted
            }
        }).success(function(data, status, headers, config) {
            // this callback will be called asynchronously
            // when the response is available
            console.log('Success' + data);
            alert(data);
        }).error(function(data, status, headers, config) {
            console.log('Status : ' + status);
        });

edited May 23, 2017 at 12:15

CommunityBot

11 silver badge

answered Dec 25, 2014 at 9:51

Peter Wilson

4,3175 gold badges40 silver badges63 bronze badges

Collectives™ on Stack Overflow

AngularJs $http not working with cross domain

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related