0

Основная страница layout.php:

<!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    </head>
    <body>

        <ul>
            <li><a href="index.php">Index</a></li>
        </ul>
        <div id="content"><?php echo $content; ?></div>

        <script>
            $(document).ready(function() {
                $('a').click(function() {
                    var url = $(this).attr('href');

                    $.ajax({
                        url:     url + '?ajax=1',
                        success: function(data){
                            $('#content').html(data);
                        }
                    });

                    if(url != window.location){
                        window.history.pushState(null, null, url);
                    }

                    return false;
                });

                $(window).bind('popstate', function() {
                    $.ajax({
                        url:     location.pathname + '?ajax=1',
                        success: function(data) {
                            $('#content').html(data);
                        }
                    });
                });
            });
        </script>
    </body>
    </html>

Страница index.php а точнее это $content

include("dbconfig.php");

$query=mysqli_query($dbconfig,"select * from table");

if (isset($_GET['ajax'])) {
while($var=mysqli_fetch_array($query))
{
    echo $content="<li>".$var['title'].'</li>';
}
} else {
    include_once 'layout.php';
}

Если использовать это в index.php всё работает! Но здесь без вывода из бд.

$content = '123321test123321';
if (isset($_GET['ajax'])) {
    echo $content;
} else {
    include_once 'layout.php';
}

Попробовал так и тоже не получилось:

include("dbconfig.php");
$query=mysqli_query($dbconfig,"select * from table ORDER BY id DESC LIMIT 1");
$row = mysqli_fetch_assoc($query);
$count = mysqli_num_rows($query);
if ((isset($_GET['ajax'])) && ($count >= 1)) {
    echo $content="<li>".$row['title']."</li>";
} else {
    include_once 'layout.php';
}

самое интересное, если я нажму по ссылке, то всё прекрасно выводит!

21
  • Ваш вопрос скорее не о History API, а о ajax. Опишите, в чем именно проблема ваше второго блока кода.
    – br3t
    Commented 19 апр. 2017 в 6:26
  • Вот демо но тут вывод не из базы данных а напрямую из файла!
    – ZerooneX
    Commented 19 апр. 2017 в 7:22
  • Без вашего кода, в котором ваши ссылки на пагинацию и ajax-запросы, пока тяжело что-то сказать.
    – br3t
    Commented 19 апр. 2017 в 7:25
  • Я тут ещё информацию добавил, чтоб более понятно было.
    – ZerooneX
    Commented 19 апр. 2017 в 8:10
  • У вас сслыки ?id=1, а вы им еще +'?ajax=1' делаете, что в сумме убивает ваш параметр ajax
    – br3t
    Commented 19 апр. 2017 в 9:53

1 ответ 1

0

layout.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
</head>
<body>

    <ul>
        <li><a href="index.php">Index</a></li>
    </ul>
    <div id="content"><?php echo $content; ?></div>

    <script>
        $(document).ready(function() {
            $('a').click(function() {
                var url = $(this).attr('href');

                $.ajax({
                    // url уже может содержать параметры, так что проверяем,
                    // как нам добавлять ещё один параметр
                    url: url + (/\?/.test(url) ? '&':'?') + 'ajax=1',
                    success: function(data){
                        $('#content').html(data);
                    }
                });

                if(url != window.location){
                    window.history.pushState(null, null, url);
                }

                return false;
            });

            $(window).bind('popstate', function() {
                $.ajax({
                    url: location.pathname + (/\?/.test(location.pathname) ? '&':'?') + 'ajax=1',
                    success: function(data) {
                        $('#content').html(data);
                    }
                });
            });
        });
    </script>
</body>
</html>

index.php

include("dbconfig.php");
$limit = 3;
$start = 0;
$content = '';
if(isset($_GET['id'])) {
    $id = intval($_GET['id']);
    $start = ($id-1) * $limit;
}
//* получаем данные и кладем их в $content
$query = mysqli_query($dbconfig, "SELECT * FROM table ORDER BY id DESC LIMIT $start, $limit");
while($row = mysqli_fetch_array($query)) {
    $content .= "<li>".$row['title']."</li>";
}
if(isset($_GET['ajax'])) {
    //* если запрос яаксом - возвращаем только данные
    echo $content;
} else {
    //* если обычный запрос - возвращаем всю HTML-страницу
    include_once 'layout.php';
}
3
  • А как сделать так уже чтобы вывести в content 2 типа записей? $content .= "<li>".$row['title']."</li>" "<p>".$row['description']."</p>";
    – ZerooneX
    Commented 20 апр. 2017 в 7:19
  • А во сам уже понял $content .= "<li>".$row['title']."</li>"; $content .= "<p>".$row['description']."</p>"; если есть лучше вариант обязательно напиши.
    – ZerooneX
    Commented 20 апр. 2017 в 7:26
  • Если будет возможность, ответь на этот вопрос.
    – ZerooneX
    Commented 20 апр. 2017 в 8:17

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.