Загрузка разных кусков php скрипта без перезагрузки страницы

[SergeyZhuk]

Приветствую, имеется задача: на странице имеется две ссылки, по клику на которые должно подгружаться соответствующее описание. Перепробовал кучу вариантов с двумя подгружаемыми файлами (ajax + js, ajax + querty) например:

<form>  
            <input id="btn1" type="button" value="Страница 1">   
            <input id="btn2" type="button" value="Страница 2">  
        </form>  
        <div id="content"></div>  
 
        <script>  
            $(document).ready(function(){  
 
                $('#btn1').click(function(){  
                    $.ajax({  
                        url: "page1.php",  
                        cache: false,  
                        success: function(html){  
                            $("#content").html(html);  
                        }  
                    });  
                });  
 
                $('#btn2').click(function(){  
                    $.ajax({  
                        url: "page2.php",  
                        cache: false,  
                        success: function(html){  
                            $("#content").html(html);  
                        }  
                    });  
                });  
 
            });  
        </script>

результат один и тот же - выводит только если в файлах текстовый контент и никак не хочет обрабатывать PHP переменные. Подскажите какой способ можно было бы применить к данной задаче?

[SergeyZhuk]

Пробую вывести через скрипт

<script>
function showContent(link) { 
        var cont = document.getElementById('content-single'); 
        var loading = document.getElementById('loading'); 
        cont.innerHTML = loading.innerHTML;   
        var http = createRequestObject(); 
        if( http )  
        { http.open('get', link); 
            http.onreadystatechange = function ()  
            {   if(http.readyState == 4)  
                {   cont.innerHTML = http.responseText;  }    } 
            http.send(null);  } 
        else  
        {  document.location = link;   }   } 
    // ajax объект
    function createRequestObject()  
    {  try { return new XMLHttpRequest() } 
        catch(e)  
        {  try { return new ActiveXObject('Msxml2.XMLHTTP') } 
            catch(e)  
            {   try { return new ActiveXObject('Microsoft.XMLHTTP') } 
                catch(e) { return null; }   } } }
</script>
<span onClick="showContent('content-single-1.php')">Страница 1</span>
<span onClick="showContent('content-single-2.php')">Страница 2</span>
<!--//-->
<div id="content-single">
    <!-- CONTENT -->
</div> 
<!--//-->
<div id="loading" style="display: none"> 
    Идет загрузка... 
    </div> 
<script>
     showContent('content-single-1.php') // страница по умолчанию
</script>

Допустим content-single-1.php содержит следующий код:

<div class="head-price-all">
	<div class="head-title">
                <h2>
                        <?php the_title(); ?>
                </h2>
        </div>
</div>

При загрузке страницы, блок с content-single-1.php загружается, но не обрабатывается функция <?php the_title(); ?>. Точнее никакая функция не обрабатывается, какую бы не поставил. на выходе имею:

<div class="head-price-all">
	<div class="head-title">
                <h2>
                </h2>
        </div>
</div>

Файл content-single-2.php содержит просто тестовый текст типа "бла бла бла", нажимаю на вторую ссылку, тестовый текст со второго файла нормально залетает.

Вопрос! Почему ajax не передает функции?

[ADSoft]

А веб сервер запущен вообще? Поддержка php есть? Еcли в браузере просто адрес сайта/page.php ввести - все нормально видно?

[Serge_Bliznykov]

Сообщение от SergeyZhuk

блок с content-single-1.php загружается, но не обрабатывается функция <?php the_title(); ?>

а в файле content-single-1.php описана функция the_title()?

что будет, если content-single-1.php такой сделать:

<div class="head-price-all">
	<div class="head-title">
                <h2>
<?php
$test=date(DATE_RFC822);
echo "time is $test";
?>
               </h2>
        </div>
</div>

p.s. это всё имеет смысл делать, если PHP обрабатывается на сервере, конечно.
(см. вопрос ADSoft в пост #3)

[SergeyZhuk]

Нашел много статей о создание ajax запросов в WordPress, нужна регистрация обработчиков и прописывать какие-то хуки. Совсем запутался!!!

[ADSoft]

Сообщение от SergeyZhuk

Нашел много статей о создание ajax запросов в WordPress, нужна регистрация обработчиков и прописывать какие-то хуки. Совсем запутался!!!

а надо в ВордПрессе? Там таки да - есть уж свои готовые инструменты

[SergeyZhuk]

Народ, ну помогите разобраться, мозг взрывается уже, давайте сначала.
Имею скрипт:

<script>
function showContent(link) { 
        var cont = document.getElementById('content-single'); 
        var loading = document.getElementById('loading'); 
        cont.innerHTML = loading.innerHTML;   
        var http = createRequestObject(); 
        if( http )  
        { http.open('get', link); 
            http.onreadystatechange = function ()  
            {   if(http.readyState == 4)  
                {   cont.innerHTML = http.responseText;  }    } 
            http.send(null);  } 
        else  
        {  document.location = link;   }   } 
    // ajax объект
    function createRequestObject()  
    {  try { return new XMLHttpRequest() } 
        catch(e)  
        {  try { return new ActiveXObject('Msxml2.XMLHTTP') } 
            catch(e)  
            {   try { return new ActiveXObject('Microsoft.XMLHTTP') } 
                catch(e) { return null; }   } } }
</script>
<span onClick="showContent('content-single-1.php')">Страница 1</span>
<span onClick="showContent('content-single-2.php')">Страница 2</span>
<!--//-->
<div id="content-single">
    <!-- CONTENT -->
</div> 
<!--//-->
<div id="loading" style="display: none"> 
    Идет загрузка... 
    </div> 
<script>
     showContent('content-single-1.php') // страница по умолчанию
</script>

имею файл content-single-1.php:

<div class="head-price-all">
	<div class="head-title">
                <h2>
                        <?php the_title(); ?>
                </h2>
        </div>
</div>

что еще куда прописать, чтобы ajax запрос стал обрабатывать штатные функции wordpress?

Как я понял нужно в штатный файл wordpressa functions.php прописать какой-то код и хуки, но что конкретно не могу понять! Плохо что нельзя давать ссылки на конкретный пример.

[Serge_Bliznykov]

ЗАКРЫТО, т.к. автор создал аналогичную тему в разделе Wordpress

Модератор