JQuery — AJAX загрузки содержимого рендеринга в PHP возвращения

Question

JQuery — AJAX загрузки содержимого рендеринга в PHP возвращения

Я использую AJAX вызов API, вернуть JSON и рендеринга HTML добавить к странице, как показано ниже.
У меня есть вопрос, возможно ли после параметра post для функции API, затем API-функции рендеринга в PHP, а затем вернуть визуализированные данные в JS, JS только добавить?

Потому что есть много html-структуры, если я пишу на js так сложно для чтения. Хотите знать, большинство людей, как это сделать?

$.ajax({
url: public_path+'/api_for_ajax/category/'+category_id+'/'+visible+'/'+rows_perpage+'/'+page,
type: 'POST',
processData: false,
contentType: false,
async: false
}).done(function(response) {
var response = JSON.parse(response);
$(data_article.article).each(function(i, each_data_article) {
var output = '<div class="article-list"><a href="'+public_path+'/article/'+each_data_article.id+'">
<div class="thumbnail"><img src="'+public_path+'/assets/thumbnails/'+each_data_article.thumbnail.thumbnail_id+'/'+each_data_article.thumbnail.file_name+'.'+each_data_article.thumbnail.file_format+'" alt=""></div>
<div class="subject">'+each_data_article.subject+'</div>
</a></div>';
// append
});
});

апи

$data_select_category_id_page = $this->article_model->select_category_id_page($response_message, $category_id, $visible, $rows_perpage, $page);

$data = array();
$data['article'] = $data_select_category_id_page;

echo json_encode($data);

Я пробовал в тонких рамках, это не работает, почему ??

апи

$data_select_category_id_page = $this->article_model->select_category_id_page($response_message, $category_id, $visible, $rows_perpage, $page);

// 1
$app->render('frontstage/article/page_view.php', array(
'data_select_category_id_page' => $data_select_category_id_page,
)
);// 2
return <<<HTML
<div><?php print_r($data_select_category_id_page);?></div>
HTML;

расположение

<?php $column_count = 1; ?>
<div class="row">
<?php foreach ($data['article']['article'] as $i => $each_article) { ?>
<?php if ($i >= 4) { ?>
<div class="article-list">
<a href="<?php echo $uri['public']; ?>/article/<?php echo $each_article['id']; ?>">
<div class="thumbnail"><img src="<?php echo $uri['public']; ?>/assets/thumbnails/<?php echo $each_article['thumbnail']['thumbnail_id']?>/<?php echo $each_article['thumbnail']['file_name']?>.<?php echo $each_article['thumbnail']['file_format']?>" alt=""></div>
<div class="subject"><?php echo $each_article['subject'];?></div>

<div class="category-list-container">
<?php foreach ($each_article['category'] as $each_article_category) { ?>
<div class="category-list"><?php echo $each_article_category['subject']; ?></div>
<?php } ?>
<div class="clear"></div>
</div>
<?php
$old_date = $each_article['create_at'];
$old_date_timestamp = strtotime($old_date);
$new_date = date('d M Y', $old_date_timestamp);
?>
<div class="create-at"><?php echo $new_date;?></div>
</a>
</div>
<?php if (($column_count % 4) == 0) { ?>
<div class="clear"></div></div><div class="row">
<?php } ?>
<?php $column_count++;?>
<?php } ?>
<?php } ?>
<div class="clear"></div>

-1

ajax jquery php slim

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Возможно, чтобы сервер возвращал визуализированный html, а не JSON.

$.post( "ajax/test.php", function( data ) {
$( ".result" ).html( data );
});

Где test.php возвращает какие-то данные HTML.

Код test.php будет содержать логику для отображения соответствующего HTML. Использование примера OP в качестве логики выглядело бы примерно так (не проверено):

$public_path = '/sitepath/';
foreach($data_select_category_id_page as $article)
{
echo '<div class="aricle-list"><a href="' . $public_path . '/article/' . $article->id . '">
<div class="thumbnail"><img src="' . $public_path . '/assets/thumbnails/' . $article->thumbnail_id . '/' . $article->thumbnail->file_name . '.' . $article->thumbnail->file_format . '" alt=""></div>
<div class="subject">' . $article->subject . '</div>
</a></div>';
}

Или альтернативно используйте макет для рендеринга HTML.

Помните, что размер отображаемого html, возвращаемого с сервера, больше, чем JSON.

1