2011-04-20 85 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调用返回的数据呈现视图,然后代码将其附加到主体。