2011-04-20 86 views
0

我有一個codeigniter應用程序,我正在對它進行一些更改。Ajax返回JSON實現它?

我做的第一個變化就是允許管理員用戶通過管理面板,在那裏他們通過雜誌receieved訂單下訂單,展覽等

所以我在一起的形式了一個Ajax請求拉從數據庫中返回項目信息,然後將其編碼爲JSON,然後將其返回到我的視圖。

我遇到的問題是以很好的格式顯示給用戶。

理想我想表明,

date.name 
data.price 
data.description 

我需要向他們展示一個表格,這些細節,因爲他們將要進入​​一個量到表單字段,但我需要生成這些信息和HTML的飛,這可能嗎?或者,我最好建立一個視圖,然後通過ajax返回?

我目前的Ajax請求,

  $.ajax({ 
      url  : '<?php echo current_url(); ?>', 
      data : "txtKeywords="+$("#txtKeywords").val()+"&search=Search For Item", 
      type : 'POST', 
      dataType: 'JSON', 
      success : function(data) 
      { 
       //alert(data); 
      } 
     }); 
+0

是的,這是可能的,你到目前爲止有什麼? – 2011-04-20 14:51:44

回答

0

添加視圖到您的網頁是這樣的:

<script id="view" type="text/html"> 
    <div> 
     <p>Name: {{name}}</p> 
     <p>Price: {{price}}</p> 
     <p>Description: {{description}}</p> 
    </div> 
<script> 

添加鬍子和鬍子的jQuery插件,你的頁面:在https://github.com/janl/mustache.js/

現在你做的成功回調

function(data) { 
    var template = $("#view").html(); 
    var view = $.mustache(template, data); 
    $("body").append(view); 
} 

就是這樣。鬍鬚用json調用返回的數據呈現視圖,然後代碼將其附加到主體。