2017-01-02 4 views
0

У меня есть index.php, в котором я бы хотел, когда пользователь нажмет кнопку «Кликнуть», чтобы перенаправить на «newpage.php», а также на другую страницу «Click.php», которая будет загружается в содержимое «div» div в только что загруженном «newpage.php». Аналогичным образом я бы хотел, чтобы при нажатии кнопки «Щелкнуть» нажатие на кнопку было перенаправлено на ту же страницу «newpage.php», но другая страница «ClickAlso.php» была загружена в один и тот же «контент».Страница перенаправления и загрузки файла в div

index.php

<html> 
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $(document).on('click', '.clickme', function() { 
      window.location.replace("newpage.php"); 
      }); 

      $(document).on('click', '.clickmealso', function() { 
      window.location.replace("newpage.php"); 
      }); 
     }); 
     </script> 
    </head> 

    <body> 
     <div> 
     <button class="clickme">Click</button> 
     <button class="clickmealso">Click Also</button> 
     </div> 
    </body>  
</html> 

newpage.php

<html>  
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() {}); 
     </script> 
    </head> 

    <body> 
     <div id="content"> 
     </div> 
    </body>  
</html> 
+1

Использование URL PARAMS дифференцироваться между версиями и PHP включает в себя на основе этих URL-адрес Params. Было бы проще использовать href в '' тегах в соответствии с обычной навигацией по сайту – charlietfl

+0

10 @charlietfl извинения, но можете ли вы уточнить свое предложение? –

+0

использовать ссылки не кнопки и javascript для навигации. Используйте параметры URL (легко найти в Интернете), чтобы различать контент для отображения – charlietfl

ответ

0

Попробуйте это решение:

index.php

изменить ваш документ готов событие для перенаправления на newpage.php с использованием параметров URL. В этом примере я использовал параметр с именем «страница».

$(document).ready(function() { 
    $(document).on('click', '.clickme', function() { 
     window.location = ("newpage.php?page=click"); 
    }); 

    $(document).on('click', '.clickmealso', function() { 
     window.location = ("newpage.php?page=clickAlso"); 
    }); 
}); 

newpage.php

Определить, что происходит после того, как доступ к странице. Здесь все становится немного интереснее. Каждый раз, когда загружается эта страница (newpage.php), она ищет параметр «страница» в URL-адресе и извлекает его значение. Затем значение параметра присваивается переменной I, называемой $pageToGet.
После этого мы проверяем, соответствует ли значение 'click' или 'clickAlso', и мы отображаем контент соответствующим образом, используя require.

<?php 
    $pageToGet = $_GET['page']; 
?> 
<html>  
    <head> 
     <script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
    </head> 

    <body> 
     <div id="content"> 
     <?php 
      if ($pageToGet == 'click') { 
       require('Click.php'); 
      } elseif($pageToGet == 'clickAlso') { 
       require('ClickAlso.php'); 
      } 
     ?> 
     </div> 
    </body>  
</html> 

Убедитесь, что ваши файлы: Click.php и ClickAlso.php в том же каталоге, для этой работы.

Good Luck

Смежные вопросы