title: PhoneGap - Jsonp Error 404 Not Found on call
body: <p>Here is a commun error, but every solution give on Stack didn't solve my problem.</p>
  
  <p>I have a phonegap app, my jsonp call send me a 404 error</p>
  
  <p>Here is the function of the controller (angularjs) :</p>
  
  <pre><code>$scope.pullContent = function() {
    $http.jsonp($scope.yourAPI+'/?page='+$scope.pageNumber+'&amp;callback=JSON_CALLBACK').error(function(jqXHR, textStatus, errorThrown){
        alert("### ERROR ###");
        alert(textStatus +' // '+ errorThrown);
        alert($scope.yourAPI+'?page='+$scope.pageNumber);
      }).success(function(response) {
  
      if($scope.pageNumber &gt; response.pages){
  
        // hide the more news button
        $('#moreButton').fadeOut('fast');
  
      } else {
  
        $scope.items = $scope.items.concat(response.posts);
        window.localStorage.setObject('rootsPosts', $scope.items); // we save the posts in localStorage
        window.localStorage.setItem('rootsDate', new Date());
        window.localStorage.setItem("rootsLastPage", $scope.currentPage);
        window.localStorage.setItem("rootsTotalPages", response.pages);
  
        // For dev purposes you can remove the comment for the line below to check on the console the size of your JSON in local Storage
        // for(var x in localStorage)console.log(x+"="+((localStorage[x].length * 2)/1024/1024).toFixed(2)+" MB");
  
        $scope.totalPages = response.pages;
        $scope.isFetching = false;
  
        if($scope.pageNumber == response.pages){
  
          // hide the more news button
          $('#moreButton').fadeOut('fast');
  
        }
  
      }
  
    });
  
  }
  </code></pre>
  
  <p>Here is my config.xml :</p>
  
  <pre><code>    &lt;content src="index.html" /&gt;
  &lt;access origin="*" /&gt;
  
  &lt;feature name="http://api.phonegap.com/1.0/network"/&gt;
  
  &lt;preference name="KeyboardDisplayRequiresUserAction" value="true" /&gt;
  &lt;preference name="MediaPlaybackRequiresUserAction" value="false" /&gt;
  &lt;preference name="AllowInlineMediaPlayback" value="true" /&gt;
  &lt;preference name="DisallowOverscroll" value="true" /&gt;
  &lt;preference name="webviewbounce" value="false" /&gt;
  &lt;preference name="android-installLocation" value="auto" /&gt;
  
  &lt;icon gap:platform="android" gap:qualifier="ldpi" src="www/res/icon/android/android-icon-36x36.png"/&gt;
  &lt;icon gap:platform="android" gap:qualifier="mdpi" src="www/res/icon/android/android-icon-48x48.png"/&gt;
  &lt;icon gap:platform="android" gap:qualifier="hdpi" src="www/res/icon/android/android-icon-72x72.png"/&gt;
  &lt;icon gap:platform="android" gap:qualifier="xhdpi" src="www/res/icon/android/android-icon-96x96.png"/&gt;
  
  &lt;gap:splash gap:platform="android" gap:qualifier="port-ldpi" src="www/res/screen/android/small.png"/&gt;
  &lt;gap:splash gap:platform="android" gap:qualifier="port-mdpi" src="www/res/screen/android/medium.png"/&gt;
  &lt;gap:splash gap:platform="android" gap:qualifier="port-hdpi" src="www/res/screen/android/large.png"/&gt;
  &lt;gap:splash gap:platform="android" gap:qualifier="port-xhdpi" src="www/res/screen/android/xhdpi.png"/&gt;
  </code></pre>
  
  <p>here is the result of "phonegap plugin list" : </p>
  
  <pre><code>cordova-plugin-whitelist 1.2.2 "Whitelist"
  org.apache.cordova.inappbrowser 0.5.4 "InAppBrowser"
  org.apache.cordova.network-information 0.2.14 "Network Information"
  </code></pre>
  
  <p>Can anybody have a solution for me ?</p>