angularjs $ http.get在移动浏览器上不起作用

Question

I tried to use this code:

var url = "http://www.test.com?param=1&callback=JSON_CALLBACK"; 

$http.get(url).success(function(data, status, headers, config) {

if (data.success == 1) {

    //do somethings

} else {

    //notice

}

});

It is working fine with browsers of laptop but on mobile browsers, it is not working.

in .htaccess, i added:

Header add Access-Control-Allow-Origin "*"

Header add Access-Control-Allow-Headers "x-requested-with, content-type"

Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"

Please help!

Answer 1

The mobile browser and desktop browser works same way for http calls. You can make an error block in your code to see what error is coming from the server. Below piece of code is what I am suggesting.

this._getAll = function (model) {
      var deferred = $q.defer();
      $http
        .get("your-secure-rest-url")
        .success(function (data) {
          deferred.resolve(data);
        })
        .error(function (reason) {
          deferred.reject(reason);
        });
      return deferred.promise;
 };

As you are allowing Access origin "*" for all domain, there is no problem in client side but you need to check the rest server if it is accessable from all domain or is it restricted to particular domain.