Создание страницы с данными без перезагрузки страницы

Question

Я столкнулся со следующей проблемой при попытке создать мобильное приложение, которое генерирует его содержимое на основе базы данных MySQL. Моя проблема в том, что когда я хочу перейти со страницы «А» на страницу «В», страница «В» полностью пуста, если только страница «В» не открыта на новой вкладке, и в этом случае она отображает запрошенный контент без любые недостатки.

код, который я использую (упрощенно):

<div data-role="page" id="main"> 
    <div data-role='header' data-position='fixed'> 
     <a href='#home' class='ui-btn-right' data-icon= 'home' data-iconpos='notext' data-direction='reverse'></a> 
     <h2>Activities</h> 
    </div> 
    <?php 
    //(I'll keep the login and connection code out since it is irrelevant to the problem) 

    $result = mysql_query("SELECT DISTINCT profession FROM members",$mysql) or die(""); 
    $query_amount = mysql_query("SELECT richting, COUNT(*) AS aantal FROM sport GROUP BY profession",$mysql) or die(""); 
    $query_membernr = mysql_query("SELECT membernr FROM members",$mysql) or die(""); 


    while(list($r) = mysql_fetch_row($query_amount)) 
    { 

     $profession[]=$r; 

      print (" 
      <div data-role='content'> 
       <ul data-role='listview' data-inset='false' id='pag1'> 
         <li> 
         <a href='index.php?richtingstack=$r#2a'> 
         <img src='images/something.jpg' height='80' align='middle' /> 
         <p><h2> 
         $r 
         </h2></p> 
         </a> 
        </li> 
       </ul> 
      </div> 
      <div data-role='footer' data-position='fixed'><h2>Kies een activiteit</h2> 
      </div>" 
      ) ; 


    } 

    ?> 


</div> 

Эта страница (страница «A») отлично работает и порождается Мины запрашиваемых данных. Создает список профессий от всех пользователей БД. (члены)

Когда кто-то нажимает одну из кнопок в этом списке, он должен перейти на страницу (без перезагрузки всего приложения) со списком членов, к которым относится эта профессия. Эта страница - страница 2а, и в сочетании с GETvariable.

По какой-то причине, когда я нажимаю одну из этих кнопок, страница # 2a появляется, но полностью лишена содержимого, кроме верхнего и нижнего колонтитула, оба из которых не генерируются.

ОДНАКО, если я правильно щелкнул одну из кнопок и откройте ссылку на новой вкладке (так сказать, перезагрузив приложение на другой вкладке), он отлично работает. Я бы это сделал, если бы кто-нибудь мог сказать мне, что я делаю неправильно, чтобы я мог продолжить.

Answer 1

PHP не может создавать контент после выполнения.

Что вы ищете - это AJAX (Async JavaScript и XML). В принципе, он позволяет вытаскивать контент извне, не перезагружая страницу. Клиентская часть - это чистый javascript. Вы можете, например, загрузить страницу http://yourdoma.in/index.php?tab=B, а затем заменить свой div data-role="content" текстом с этой страницы.

Лично я предпочитаю использовать jQuery для AJAX, потому что он будет очень раздражать, чтобы писать и читать со всей обработкой ошибок, которые вы должны были бы делать с чистым javascript. Вы можете найти jQuery AJAX-документацию here. Или, если вы хотите пойти с чистым javascript, here.

Answer 2

Если вы хотите иметь динамический сайт без перезагрузки, используйте AJAX.

Answer 3

Для этого вы можете просто использовать Ajax, который поможет вам без перезагрузки страницы. Предположим, как этот

$.ajax({ 
    url: "test.php", 
    type: "post", 
    data: data of you want, 
    success: function(content){ 
     $("#B").html(content); 
    }, 
    error:function(){ 

     $("#B").html('Content loaded problem'); 
    } 
});