AJAX Call not working in Phonegap but working normally

Question

i am using the open weather map api webservice to make an ajax call inorder to get the current weather using the latitude and longitude the problem is the same call works in my normal php folder but it doesnt work in my phongap app. My ajax call is as shown below

$.ajax({
        type : "GET",
    dataType: "jsonp",
        url  : "http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139",
    }).done( function(msg){
     var response = JSON.stringify(msg);
     var parsedResponse = JSON.parse(response);
     alert(parsedResponse.main.temp_min);
    });
});

I have tried without dataType: "jsonp" tried changing it to "json" but nothing works at all. Please help me as I am stuck on this currently.

I forgot to add that i am not getting any response ie if i do the following than i get a fail alert in my phone: .done(function(msg){ if(msg){ //do all stringify and parsing } else{ alert("fail"); } }); — user2801426, Dec 21 '13 at 08:41

score 1 · Accepted Answer · answered Dec 23 '13 at 01:32

1

Have you whitelisted the url in your config.xml?

<access origin="http://api.openweathermap.org" />

Read more: http://docs.phonegap.com/en/3.0.0/guide_appdev_whitelist_index.md.html#Domain%20Whitelist%20Guide

answered Dec 23 '13 at 01:32

pppontusw

454
3
6

Hi...i am new to phone gap and i dont have a config.xml instead i have plugins.xml and cordova.xml in my res/xml folder. So where should i put this ? – user2801426 Dec 23 '13 at 11:21
Check out the link, this includes instructions for each platform if you build your project locally: http://docs.phonegap.com/en/3.0.0/guide_appdev_whitelist_index.md.html#Domain%20Whitelist%20Guide – pppontusw Dec 23 '13 at 11:23
There is already `` so surely I don't need that? – Jack Dec 18 '17 at 19:01

Jzapata · Answer 2 · 2018-07-10T17:39:42.813

For future searches

yourprojectpath/config.xml

Add or check the following lines

<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />

It may also be required to install "cordova-plugin-whitelist" plugin:

Cordova

cordova plugin add cordova-plugin-whitelist
cordova prepare

Phonegap

phonegap plugin add cordova-plugin-whitelist
phonegap prepare

Also make sure to add the necessary Content-Security-Policy in your file.html:

https://github.com/apache/cordova-plugin-whitelist#content-security-policy

score 0 · Answer 3 · answered Dec 21 '13 at 11:28

var weather = ""
        var ajax_call = "http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139";
        $.ajax({
           type: "GET",
           url: ajax_call,
           dataType: "jsonp",
           success: function(response){
                $.each(response, function(key, value) {
                   //alert(key+"====="+value)
                    if(key == "coord"){
                        weather += '<div><strong>coord<strong><div>';
                        $.each(value, function(key, value) {
                            if(key == "lon")
                               weather += '<div>lon: '+value+'<div>';
                           if(key == "lat")
                               weather += '<div>lat: '+value+'<div>';
                        });
                    }
                    if(key == "weather"){
                        weather += '<div><strong>weather<strong><div>';
                        $.each(value, function(key, value) {

                           if(value.id)
                               weather += '<div>id: '+value.id+'<div>';
                           if(value.main)
                               weather += '<div>main: '+value.main+'<div>';
                           if(value.description)
                               weather += '<div>description: '+value.description+'<div>';                             

                        });                           
                    }
                    if(key == "main"){
                        weather += '<div><strong>main<strong><div>';
                        $.each(value, function(key, value) {
                            if(key == "temp")
                               weather += '<div>temp: '+value+'<div>';
                           if(key == "temp_min")
                               weather += '<div>temp_min: '+value+'<div>';
                           if(key == "temp_max")
                               weather += '<div>temp_max: '+value+'<div>';
                           if(key == "pressure")
                               weather += '<div>pressure: '+value+'<div>';
                           if(key == "sea_level")
                               weather += '<div>sea_level: '+value+'<div>';
                           if(key == "grnd_level")
                               weather += '<div>grnd_level: '+value+'<div>';
                           if(key == "humidity")
                               weather += '<div>humidity: '+value+'<div>';

                        });                           
                    }

                });
                alert(weather) 
                console.log(weather)

           }
        }).done(function() {

        })

score 0 · Answer 4 · answered Mar 19 '20 at 00:10

0

it's a problem of white-list https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-whitelist/ Install it and go to config.xml to allow

answered Mar 19 '20 at 00:10

Pierre Alexandre

219
1
5

AJAX Call not working in Phonegap but working normally

4 Answers4

Linked