Databases
StackOverflow2013
Postsdbo
POMy Javascript Ajax request works in Phonegap index.html but not in any other pages, how can I fix this?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMy Javascript Ajax request works in Phonegap index.html but not in any other pages, how can I fix this?
    primarykey
    data
    text
    <p>The request I have made works in the index.html file but not in any others which is greatly frustrating. I think it is to do with the onDeviceReady function but I am not sure how to change or fix this?</p> <p>Here is the separate page (not index.html) code:</p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0;" /&gt; &lt;script src="cordova-1.8.1.js"&gt;&lt;/script&gt; &lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script src="js/load-whites.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /&gt; &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div data-role="page" id="whites"&gt; &lt;div data-role="header" data-position="fixed"&gt; &lt;h1&gt;White Wines&lt;/h1&gt; &lt;/div&gt; &lt;div data-role="content"&gt; &lt;div data-role="collapsible-set" data-theme="c" data-content-theme="d"&gt; &lt;div id="whites"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p></p> <p>Here is the request that works for the index.html file but not for any other .html files in my phonegap project (Cordova 1.8.1). How could I change it so that it does work? the file below is load-whites.js:</p> <pre><code>$(document).ready(function(){ $(document).bind('deviceready', function(){ onDeviceReady(); }); function yourCallback(button) { if (button == 2) { dataRequest(); } } function dataRequest() { var output = $('#whites').text('Loading white wines and their deta1ils, please wait...'); $.ajax({ url: 'http://localhost/whites.php', dataType: 'jsonp', jsonp: 'jsoncallback', timeout: 5000, success: function(data, status){ output.empty(); $.each(data, function(i,item){ var whites = '&lt;div data-role="collapsible"&gt;&lt;h3&gt;'+item.Name+'&lt;/h3&gt;' +'&lt;b&gt;Price:&lt;/b&gt; £'+item.Price+'&lt;br /&gt;' +'&lt;b&gt;Vintage:&lt;/b&gt; '+item.Vintage+'&lt;br /&gt;' +'&lt;b&gt;Country:&lt;/b&gt; '+item.Country+'&lt;br /&gt;' +'&lt;b&gt;Grape:&lt;/b&gt; '+item.Grape+'&lt;br /&gt;' +'&lt;b&gt;Alcohol:&lt;/b&gt; '+item.Alcohol+'%&lt;br /&gt;&lt;br /&gt;' +item.Description+'&lt;/p&gt;&lt;/div&gt;'; output.append(whites); $('#whites').trigger('create'); }); }, error: function(){ output.text('The Wines could not be loaded at this time.'); navigator.notification.confirm( 'Please check your internet connection. Would you like to retry?', yourCallback, 'Something went wrong', 'No,Yes' ); } }); } dataRequest(); }); </code></pre> <p>Any help would be greatly appreciated. Thanks again.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USHarryBlackm
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POMy Javascript Ajax request works in Phonegap index.html but not in any other pages, how can I fix this?
      1. USChris
      1. VTFavorite
    1. COCould you provide a high level description about what is the desired behavior? When should the ajax call be performed and how you want it to be triggered?
      singulars
      1. POMy Javascript Ajax request works in Phonegap index.html but not in any other pages, how can I fix this?
      1. USTolis Emmanouilidis
    2. COThe aim was for it to just download the data from the whites.php file which gets data from the database and then prints in in a collapsible set with jquery mobile. I want it to be performed when you click on the whites.html page and I want it to be automatically shown when the whites.html page is clicked on.
      singulars
      1. POMy Javascript Ajax request works in Phonegap index.html but not in any other pages, how can I fix this?
      1. USHarryBlackm
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload