Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [phonegap]jak pobierać zdalną treść
szczemp
post
Post #1





Grupa: Zarejestrowani
Postów: 149
Pomógł: 9
Dołączył: 9.12.2010

Ostrzeżenie: (0%)
-----

Przyszła mi ochota nauczyć się czegoś nowego, ale nie za bardzo skomplikowanego.
Chcę zrobić prostą aplikację na telefon, która będzie pobierać jakąś treść z mojego serwera. Na początek nic wielkiego.
Aplikacja ma być zrobiona w html5 i jquerymobile. Po stronie serwera obsługą zajmie się php.
No i aplikacja mniej więcej wygląda tak.
[HTML] pobierz, plaintext 
  1. <body>
  2.  
  3. <!-- Start of first page: #one -->
  4. <div data-role="page" id="one">
  5.  
  6. 	<div data-role="header">
  7. 		<h1>Multi-page</h1>
  8. 	</div><!-- /header -->
  9.  
  10. 	<div role="main" class="ui-content">
  11. 		<h2>One</h2>
  12. 		<p>I have an <code>id</code> of "one" on my page container. I'm first in the source order so I'm shown when the page loads.</p>
  13. 		<h3>Show internal pages:</h3>
  14. 		<p><a href="#two" class="ui-btn ui-shadow ui-corner-all">Show page "two"</a></p>
  15. 	</div><!-- /content -->
  16.  
  17. 	<div data-role="footer" data-theme="a">
  18. 		<h4>Page Footer</h4>
  19. 	</div><!-- /footer -->
  20. </div><!-- /page one -->
  21.  
  22. <!-- Start of second page: #two -->
  23. <div data-role="page" id="two" data-theme="a">
  24.  
  25. 	<div data-role="header">
  26. 		<h1>Two</h1>
  27. 	</div><!-- /header -->
  28.  
  29. 	<div role="main" class="ui-content">
  30.         <div id = "z">tu ma się wstawić tekst pobrany z internetu</div>
  31. 		<h2>Two</h2>
  32. 		<p><a href="#one" data-direction="reverse" class="ui-btn ui-shadow ui-corner-all ui-btn-b">Back to page "one"</a></p>
  33.  
  34. 	</div><!-- /content -->
  35.  
  36. 	<div data-role="footer">
  37. 		<h4>Page Footer</h4>
  38. 	</div><!-- /footer -->
  39. </div><!-- /page two -->
  40.  
  41. <script>
  42. var zdalnyAdres = 'http://mójserwer.pl/';
  43.  
  44.  
  45. $(document).on('pagecontainershow', function(){
  46.     var aktualnaStrona = $('body').pagecontainer('getActivePage').prop('id');
  47.  
  48.     if (aktualnaStrona === 'two') {
  49.         $.ajax({
  50.             url: zdalnyAdres+ 'test.php',
  51.             //data: {sessionid: sessionid},
  52.             dataType: 'jsonp',
  53.             success: function(json){
  54.                 console.log(json);
  55.                 alert(json.komunikat);
  56.                 $('#z').html(json.komunikat);
  57.             },
  58.             error: function(jqXHR, textStatus, ex) {
  59.                 alert(textStatus + "," + ex + "," + jqXHR.responseText);
  60.             }
  61.         });
  62.     }
  63.  
  64. });
  65. </body>
[HTML] pobierz, plaintext

Na serwerze plik test.php jest taki:
[PHP] pobierz, plaintext 
  1. <?php
  2. $zwrotka = array('komunikat' => 'to jest pobierane z internetu'
  3. );
  4. echo $_GET['callback']. '('. json_encode($zwrotka, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES). ')';
  5. ?>
[PHP] pobierz, plaintext


Całość działać ma tak: Aplikacja na telefonie się uruchamia i pokazuje się 'pierwsza strona', div o id="one", po kliknięciu w 'Show page two' pojawia się 'druga strona', div o id="two". To działa dobrze, bo o to dba jquerymobile. Natomiast nie działa mi moja część. Po otwarciu drugiej strony div id="two" ma być wysłane zapytanie ajaxem do zdalnego serwera o plik test.php. I treść zwrócona przez ten plik ma się wyświetlić w alercie i ma być wstawiona do div id = "z". Jak stronę odpalę w przeglądarce na komputerze (bezpośrednio plikiem idex.html albo przez http://localhost), to mi to wszystko działa pięknie. A jak spakuję do zipa i przepuszczę przez https://build.phonegap.com i zainstaluję na telefonie, to strony się zmieniają tak jak mają się zmieniać, ale coś zdalna treść się nie pobiera. Nie dostaję żadnego alerta, ani tego z success ani z error.
Gdzie jest problem?

Ten post edytował szczemp 5.02.2019, 14:48:14
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
Cytat
. A jak spakuję do zipa i przepuszczę przez https://build.phonegap.com i zainstaluję na telefonie, to strony się zmieniają tak jak mają się zmieniać, ale coś zdalna treść się nie pobiera.

Pytanie poboczne:
przeciez PhoneGap nie obsluguje php. Czego wiec oczekujesz od wczytania pliku test.php?

edit: dobra, nie bylo pytania, widze z php pobierasz ze zdlanego serwera

edit2:
daj
var aktualnaStrona = $('body').pagecontainer('getActivePage').prop('id');
alert(aktualnaStrona);

to bedziesz wiedzial czy ci w oogle tam wlazlo bo skoro nie masz ani error ani success to pewnie w oogle tam nie dochodzi
Go to the top of the page
+Quote Post
szczemp
post
Post #3





Grupa: Zarejestrowani
Postów: 149
Pomógł: 9
Dołączył: 9.12.2010

Ostrzeżenie: (0%)
-----

Sprawdziłem alert(aktualnaStrona); i dobrze rozpoznaje strony. Po otwarciu apki pokazuje 'one', a na drugiej stronie pokazuje 'two'.
Do ifa if (aktualnaStrona === 'two') też dobrze wchodzi
if (aktualnaStrona === 'two') {
alert('tu ma być ajax');
}
Wywala altera.
Coś jest nie tak z samym ajaxem.
Go to the top of the page
+Quote Post
nospor
post
Post #4





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
alert($);
alert($.ajax);
Go to the top of the page
+Quote Post
szczemp
post
Post #5





Grupa: Zarejestrowani
Postów: 149
Pomógł: 9
Dołączył: 9.12.2010

Ostrzeżenie: (0%)
-----

alert($);
Kod
function ( selector, context ) {
        // The jQuery object is actually just the init constructor 'enhanced'
        return new jQuery.fn.init( selector, context, rootjQuery );
    }

alert($.ajax);
Kod
function( url, options ) {

        // If url is an object, simulate pre-1.5 signature
        if ( typeof url === "object" ) {
            options = url;
            url = undefined;
        }

        // Force options to be an object
        options = options || {};

        var // Cross-domain detection vars
            parts,
            // Loop variable
            i,
            // URL without anti-cache param
            cacheURL,
            // Response headers as string
            responseHeadersString,
            // timeout handle
            timeoutTimer,

            // To know if global events are to be dispatched
            fireGlobals,

            transport,
            // Response headers
            responseHeaders,
            // Create the final options object
            s = jQuery.ajaxSetup( {}, options ),
            // Callbacks context
            callbackContext = s.context || s,
            // Context for global events is callbackContext if it is a DOM node or jQuery collection
            globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
                jQuery( callbackContext ) :
                jQuery.event,
            // Deferreds
            deferred = jQuery.Deferred(),
            completeDeferred = jQuery.Callbacks("once memory"),
            // Status-dependent callbacks
            statusCode = s.statusCode || {},
            // Headers (they are sent all at once)
            requestHeaders = {},
            requestHeadersNames = {},

i jeszcze kilkadziesiąt linijek.
Kod
alert($.ajax({
            url: zdalnyAdres+ 'test.php',
            //data: {sessionid: sessionid},
            dataType: 'jsonp',
            success: function(json){
                //console.log(json);
                //alert(json.komunikat);
                //$('#z').html(json.komunikat);
            },
            error: function(jqXHR, textStatus, ex) {
                alert(textStatus + "," + ex + "," + jqXHR.responseText);
            }
        }));

wyświetla [object Object]
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 17.09.2025 - 15:28
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn