Ajax返回JSON实现它 - Ajax returning JSON implementing it?

Ajax returning JSON implementing it?

本文关键字：实现 JSON 返回 Ajax | 更新日期: 2023-09-26

我有一个codeigniter应用程序，我正在对它进行一些更改。

我要做的第一个更改是允许管理员用户通过管理面板下订单，他们通过杂志，展览等收到订单。

所以我链接了一个表单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);
            }
        });

将视图添加到页面中，如下所示:

<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 );
}

就是这样。Mustache使用json调用返回的数据呈现视图，然后代码将其附加到主体中。