使用jQuery動態加載頁面$代碼中的.post

-5

我有一個主頁，其中有兩個DIV（左&右）。在左邊div我會有一些項目。並在正確的分區的細節。（請參閱圖）

Scenario

這裏，點擊左側的div一個項目，其相應的細節應該得到加載。我有兩個div的兩個單獨的意見。我能夠從控制器功能加載左側視圖。

但我應該根據左div項的item_id加載正確的div沒有任何頁面刷新。

因爲我會發送item_id通過jQuery $.post並得到details_page。

我的詳細頁面視圖被fillows

<div class="title"><?php echo $title; ?></div> 
<div class="details"> 
    <div class="author"><?php echo $author; ?></div> 
    <div class="pagedata"><?php echo $pagedata; ?></div> 
</div>

時詳細信息頁面被加載這些PHP變量應該被替換。

請幫助我在codeigniter中使用jQuery編碼上述場景。

來源

2012-12-03 Madhusudhan Dollu

使你的生活更簡單，並使用** jquery垂直標籤**我沒有看到任何理由爲什麼AJAX需要在這裏。使用適當的工具。 – itachi

在你的PHP控制器，您需要提供意見的方法：

class Foo extends CI_Controller { 
    public function getItem($item) { 
     // the view holds the html for the right div 
     $this->load->view($item); 
    } 
}

在jQuery中，你就可以獲取這樣的觀點：

$.get('example.com/foo/getItem/item1', function(resp){ 
    $('#contentDiv').html(resp); 
}, 'html');

你會的，當然，每次使用適當的項目名稱單擊左側div上的窗格時，調用此jQuery代碼片段。

來源

2012-12-03 15:41:07 xbonez

使用jQuery動態加載頁面$代碼中的.post

回答

相關問題