Joomla Ajax jQuery

Question

你好！

我对joomla中的组件的“自定义”分页有问题。

我想做一些用户文章的列表，这些文章将显示每页3个帖子的示例。 我的目标是在不刷新网页的情况下进行分页。 Ajax是最好的选择。 我现在正在与它斗争并且到目前为止遇到了最困难的问题（我试图在几个小时内搜索我的问题的答案）。

user.php的

    <div class="userRightContainer">
            <div class="blogArticlesBlock">
            <div class="userItemTagsBlock"><b>Debaty na forum użytkownika(<?php echo $joomla_rows; ?>)</b></div>

            <?//artykuly joomla
            ?>

        <div id="Joomla_block" class="Joomla_block">
            <? require_once("Db_joomla.php") ?>
        </div>

...
...
...

<script type="text/javascript">

function jm_previous(arg) {
    if(arg < 0)
        changePagination(0);
    else
    changePagination(arg);
}
function jm_next(argument) {
    changePagination(argument);
}

function changePagination(pageId){

                  // $("#Joomla_block").html('');
     jQuery.ajax({
           type: "GET",
           // url: "Db_joomla.php",
           url: window.location.href,
           data: { jm_start: pageId},
           success: function(result){
                  alert(result);
                   $("#Joomla_block").html(result);

           }
      });
}
</script>

Db_joomla.php

defined('_JEXEC') or die;
//
$offset_jm=$_GET["jm_start"];
if(empty($offset_jm)) $offset_jm=0;
//
$db = JFactory::getDbo();
$query = $db->getQuery(true);
$query->select($db->quoteName(array('id', 'title', 'introtext', 'created_by', 'state')));
$query->from($db->quoteName('#__content'));
$query->where($db->quoteName('created_by') . ' LIKE ' . $db->quote(JRequest::getInt('id')));
$query->where('state', '1');
$query->setLimit($joomla_page,$offset_jm);
$db->setQuery($query);
$joomla=$db->loadObjectList();
$joomla_rows = $db->loadResult();


if($joomla_rows > 0){
 foreach($joomla as $row) { 
 if ($row->created_by != JRequest::getInt('id')) continue;
?>
            <div class="articlesBlock" style="margin: 5px;">
                <!-- Avatar -->
        <img src="<?php echo $this->user->avatar; ?>" alt="<?php echo htmlspecialchars($this->user->name, ENT_QUOTES, 'UTF-8'); ?>" style="width:50px; height:auto;border: 1px solid #ccc; float:left;margin: 5px;" />
                    <div class="blogArticlestTitle" style="padding-left:60px;font-weight:bold;word-wrap:break-word;"><a href="index.php?option=com_content&view=article&id=<?php echo $row->id;?>"><?php echo $row->title ?></a></div>
                    <div class="blogArticlesDescription" style="padding: 5px;padding-top:10px;"><?php if (str_word_count($row->introtext) > 100) echo /* Wstawia komentarz i ogranicza tekst do stu znaków, po czym dodaje kropki.*/ substr(strip_tags($row->introtext), 0, 100) . "..."; else echo strip_tags($row->introtext);?>
                    </div>
                    <div class="CommentViewMore">
                    <a href="index.php?option=com_content&view=article&id=<?php echo $row->id;?>">Przejdź do artykułu ›</a>
                    </div>
                </div>
<?php
/*
    $item_counting++;
    if($item_counting == 5) break;*/
                        }


//echo $pageNav->getListFooter(  ); //Displays a nice footer
        ?>
<ul class="pager">
    <li><a href="javascript:void(0)" id="jm_previous" onclick="jm_previous(<? echo $offset_jm-$joomla_page; ?>)" style="background-color: #000;float:left;"><<</a></li>
    <li><a href="javascript:void(0)" id="jm_next" onclick="jm_next(<? echo $offset_jm+$joomla_page; ?>)" style="background-color: #000;float:right;">>></a></li>
</ul>
    <a class ="view_more_link"href="http://konfederaci.pl/index.php/component/komento/profile/id/<?php echo JRequest::getInt('id');?>" title="Artykuły użytkownika">Zobacz wszystkie artykuły</a> 
    <?php
    } 
        else
{

    echo "Ten użytkownik nie posiada żadnych postów na forum.";
}

现在一些图片：

来自警报（结果）

来自谷歌Chrome的控制台

Ps：如果我选择“url：”Db_joomla.php“在这个脚本中它将不会做任何事情。仍然不起作用（和相同的例外）。

Answer 1

依靠Joomla的Ajax接口而不是实现你的接口总是一个更好的主意。 它非常简单，非常高效，而且很有效。 我们已经写了如何在这里使用它。

基本上，您将创建/修改一个简单的模块，该模块将包含一个用于处理调用的函数（在其名称末尾包含单词Ajax ）。

然后，您将需要添加一个简单的jquery代码，该代码将通过com_ajax接口调用该模块。 请注意，您需要确保将模块分配给菜单项，因为您需要该菜单项的ID用于ajax调用。

Answer 2

简单的实践：你的ajax后端部分应该只包含PHP代码。 （获取数据库查询）。 接下来，这个PHP应该返回带有结果的JSON数组。 您为ajax请求获取此JSON并为您的视图推送此数据。 简单地说，我使用我的插件“plg_ajax” （安装后见方法onAjaxAjax（））。 使用com_ajax的此插件的示例脚本发布：

 type: "POST", async: true, url: "index.php?option=com_ajax&plugin=ajax&format=json", dataType: "json",