2016-07-12 19 views
4

Hello!Joomla Ajax jQuery

我的Joomla組件的「自定義」分頁有問題。

我想做用戶文章列表,每頁顯示3篇文章。我的目標是讓分頁沒有刷新網頁。阿賈克斯是最好的選擇。我現在正在與它鬥爭,並且迄今爲止遇到了最困難的問題(我試圖在幾個小時內搜索我的問題的答案)。

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."; 
} 

現在一些圖片:

From alert(result)

From google chrome's console

PS: 如果讓我選擇「鏈接: 「Db_joomla.php」 在這個腳本不會做任何事情。仍然不起作用(和相同的例外)。

回答

1

依靠Joomla的Ajax界面而不是實現你的是一個更好的主意。這是超級簡單,非常有效,它的工作原理。我們已經寫過如何使用它here

本質上,您將創建/修改一個簡單模塊,該模塊將包含一個將用於處理呼叫的函數(在其名稱末尾有單詞Ajax)。

然後,您將需要添加一個簡單的jQuery代碼,通過com_ajax接口調用該模塊。請注意,您需要確保將模塊分配給菜單項,因爲您需要該菜單項的ID用於ajax調用。

1

簡單實踐: 您的ajax後端部分應該只包含PHP代碼。 (獲取數據庫查詢)。 接下來這個PHP應該返回帶有結果的JSON數組。 你得到這個JSON的ajax請求,並推動這個數據爲您的看法。 只需使用my plugin "plg_ajax"(安裝後請參閱AJAXAJAX()方法)。 這個插件與com_ajax示例腳本後:

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