Блог

Главная - Вопросы по программированию - Загрузить переменную страницу php с помощью jQuery

Загрузить переменную страницу php с помощью jQuery

#php #jquery #html

#php #jquery #HTML

Вопрос:

Мои цели — загрузить div с любой страницы php. Я использую функцию jQuery .загрузите для этого:

     $(document).ready(function(){
        $('#crumb').load('example.php #hello');
    });
    </script>

Я хочу example.php быть welcome.php или test.php или about.php . Это зависит от того, какая страница загружается в контейнер индекса. Есть идеи?

Комментарии:

1. Так http://example.com/blahblah.php что нужно было бы сделать .load('blahblah.php #hello') ?

2. Спасибо за ваше предложение 🙂 Однако я не совсем понимаю, как это использовать. Мои страницы загружаются следующим образом: url: blabla.nl/index.php?P=PAGENAME как мне получить это загруженное имя страницы и отобразить один его div?

3. итак P , параметр запроса указывает, какую страницу загружать?

4. Точно. Смотрите мой PHP-код здесь, может, пригодится 🙂 <!— START Page Content —> <div=»pages» valign=»top»><? if(empty($_GET[‘p’])) $_GET[‘p’] = «welkom»; if(file_exists($_GET[‘p’] . «.php») amp;amp; !empty($_GET[‘p’])) include($_GET[‘p’] . «.php»); else include(«welkom.php»); ?>

Ответ №1:

Попробуйте это:

 function $_GET(q, s) { 
    s = s ? s : window.location.search; 
    var re = new RegExp('amp;' q '(?:=([^amp;]*))?(?=amp;|$)','i'); 
    return (s=s.replace(/^?/,'amp;').match(re)) ? (typeof s[1] == 'undefined' ? '' : decodeURIComponent(s[1])) : undefined; 
}

/*
 * Edited here
 */
$(document).ready(function(){
    $('#crumb').load(($_GET('p') !== undefined ? ('index.php?p='   $_GET('p')) : 'welcom.php')   ' #hello');
});

Комментарии:

1. Спасибо, но у меня не работает. Div не отображается вообще

2. Я думаю, что я делаю это слишком сложно. Простите меня, я не опытный веб-дизайнер. Что я хочу сделать, это отобразить хлебные крошки над контейнером pages в таком формате: «Главная> текущая страница» Возможно ли это с помощью jquery или javascript или чего-то еще?

3. @Forza, подождите минутку, я обновляю ответ

Ответ №2:

Для этого рассмотрите следующее:

Javascript

 function GetDiv(url,tdiv) {
$("#GetDivResult").load(url,function() {
HandleResult(tdiv);
});
}
function HandleResult(tdiv){
$("#crumb").html($(tdiv).html());
}
function StartNow(){
var url = prompt("Enter the URL");
var tdiv = prompt("What DIV you want to show? example: #hello");
GetDiv(url,tdiv);
}

HTML

 <a href="#" onclick="StartNow()">Begin</a>
<div id="GetDivResult" style="display: none;"></div>
<div id="crumb"></div>

Это простой пример, поэтому вы понимаете, что за ним стоит..