это метод контроллера
public function ajaxLoad()
{
$data['query'] = $this->db->query("SELECT * FROM items ORDER BY id DESC");
$data['content'] = $this->load->view('item', $data, true);
$data = json_encode($data);
echo $data;
}
и это JS, который вызывает AJAX
var tempScrollTop, currentScrollTop = 0;
$(document).scroll(function(){
currentScrollTop = $(document).scrollTop();
if (tempScrollTop < currentScrollTop )
{
var result = currentScrollTop % 100;
if(result == 0)
{
$.ajax({
url: "ajax/load",
type: "POST",
success: function(res){
$("#content").html(res);
}
});
}
}
else if (tempScrollTop > currentScrollTop )
{
var result = currentScrollTop % 100;
if(result == 0)
{
$("#content").text("Вверх запрос " + result);
}
}
tempScrollTop = currentScrollTop;
})
проблема в том, что я не могу получить часть страницы с запросом, который идет в контенте, а затем json_encode для передачи в javascript, если я удаляю
$data['query'] = $this->db->query("SELECT * FROM items ORDER BY id DESC");
и измените это на
$data['content'] = $this->load->view('item', null, true);
Таким образом, без объекта $ data все в порядке.
тогда он становится пустым, но мне нужно, чтобы строки базы данных отображались в содержимом
как я могу решить эту проблему ??
и данные echo $; - это единственный способ передать данные в js ??, я попытался вернуть $ data ;, но это не сработало: (
а также основная проблема заключается в том, что PHP генерирует страницу с функцией foreach, которая генерирует записи по циклу, но если я помещу одну из этих записей в ajax, переменные внутри этой части станут значениями запроса базы данных ??, или мне нужно установить значения с помощью JS ??
я запутался в этом, извините, если я ошибаюсь, вы можете мне помочь ???
так выглядит страница, сгенерированная php при загрузке страниц:
<? $i = 1 ?>
<? foreach($query->result() as $q): ?>
<?
$milliseconds = $q->end;
//echo $dd;
//echo time();
/*
$year = date('y', $t);
$month = date('m', $t);
$day = date('d', $t);
$hour = date('h', $t);
$minute = date('i', $t);
$second = date('s', $t);
*/
$d = new Datecalc;
$begin = date("Y-m-d H:i:s");
$end = date($q->end);
#$date = $d->dateDiff($begin , $end);
//$begin = strtotime($begin);
//$end = strtotime($q->end);
$d->dateDiff($begin, $end);
//echo $d->day;
$desc = substr($q->desc, 0, 225);
if(strlen($desc) > 180)
{
$desc = $desc."...";
}
?>
<input type="hidden" value="<?= $milliseconds ?>" id="milliseconds_<?= $q->id ?>" />
<div class="item" id="item_<?= $q->id ?>">
<? if(!empty($_SESSION['role']) && $_SESSION['role'] == 'admin'): ?>
<div class="admin_delete">
<a href="<?= base_url() ?>delete/<?= $q->id ?>"><?= img('css/img/admin_delete.png'); ?></a>
</div>
<? endif; ?>
<div class="desc">
<span class="discount">Скидка <?= $q->discount ?>%</span>
<span class="desc"><?= $desc ?></span>
</div>
<div class="item_pic">
<? $attr = array('src' => $q->image,
'id' => 'item_pic',
'class' => 'item_pic') ?>
<?= img($attr) ?>
</div>
<div class="menu_3">
<ul class="menu_3">
<li class="timer">
<? $attr = array('src' => 'css/img/time.png',
'class' => 'time') ?>
<?= img($attr) ?>
<span id="days_<?= $q->id?>"><?= $d->day ?></span>д.
<span id="hours_<?= $q->id?>"><?= $d->hour ?></span> :
<span id="minutes_<?= $q->id?>"><?= $d->min ?></span> :
<span id="seconds_<?= $q->id?>"><?= $d->sec ?></span>
</li>
<li class="price">
<?= $q->price ?>с.
</li>
<li class="buy">
<div class="small">
99
</div>
<a href="<?= base_url() ?>buy/<?= $q->id ?>">
<?= img('css/img/kupit.png') ?>
</li>
<li class="item_arrow">
<?= img('css/img/item_arrow.png') ?>
<? if($i % 2 == 0): ?>
<ul class="submenu2">
<? else: ?>
<ul class="submenu2">
<? endif; ?>
<li>
<a href="<?= base_url() ?>show/<?= $q->id ?>">
Подробнее
</a>
</li>
<li>
<a href="<?= base_url() ?>how" style="color: #fef102;">Как это работает</a>
</li>
<li style="border-bottom: none;">
<a href="">Рассказать друзьям</a>
</li>
<li style="border-bottom: none;">
<a href=""><?= img('css/img/namba.png') ?></a>
<a href=""><?= img('css/img/mail_ru.png') ?></a>
<a href=""><?= img('css/img/odnoklassniki.png') ?></a>
<a href=""><?= img('css/img/vkontakte.png') ?></a>
<a href=""><?= img('css/img/facebook.png') ?></a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<? $i++; ?>
<? endforeach; ?>
<div class="clear"></div>
Я не знаю, как постепенно ставить записи по ajax, когда пользователь прокручивает вниз