Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Ajax request failing in cordova/phonegap app on real device

I'm building a Cordova 4.0 jQuery Mobile 1.4.2 Android app and I'm having issues with a particular AJAX call. I've looked for similar questions and already implemented the solutions there with no success.

Here's what happens:

I have the following AJAX call:

var request = $.ajax({
        type: "GET" ,
        crossDomain: true,
        url: 'http://pubads.g.doubleclick.net/gampad/adx?iu=/XXX/YYY&sz=300x50&c=123456789'
    });

    request.done(function (response, textStatus, jqXHR){

        console.log(response);
    });

    request.fail(function (jqXHR, textStatus, errorThrown){
        console.error("DFP Plugin Error: " + textStatus, errorThrown);
    });

When I run my app in my computer's browser, that request works perfectly. However, when I build and debug the app from a real device, the request fails giving this error: {"readyState":0, "responseText":"", "status":0, "statusText":"error"}

I've already enabled $.support.cors = true; and $.mobile.allowCrossDomainPages = true;, and I already have <access origin="*" />) in my config.xml file.

Could someone help me figure out what the problem is?

like image 928
Albert Avatar asked Nov 19 '14 21:11

Albert


3 Answers

Well, this is not the kind of answer I was expecting, but this what I did to solve this: create a completely new Cordova 4.0 project and copy there the www folder from the other one. Then build and run in eclipse as usual and everything worked without changing one single line of code anywhere in the project.

I realized the problem wasn't in the code because I noticed that other AJAX calls that I had in the app (and used to work fine) were also failing.

So I don't know if this is some Cordova 4.0 bug or something, but at some point AJAX stopped working. I'm posting this in case someone runs into the same issue.

like image 77
Albert Avatar answered Nov 01 '22 03:11

Albert


In my case I was upgrading from cordova 3.7 to cordova 5 Here is what solved it for me: add the plugin cordova-plugin-whitelist

like image 22
standup75 Avatar answered Nov 01 '22 04:11

standup75


Because of New Content Security Policy for android Ajax Requests are blocked.

try following and see if that works.

Open your config.xml

Replace

<access origin="*" />

With

<access origin="http://*" />
<access origin="https://*" />

prepare the phonegap project and build it again and check on real device.

Regards, Jagat

like image 3
Jagat Kothari Avatar answered Nov 01 '22 04:11

Jagat Kothari