jquery - AJAX调用返回JSON，如何渲染正确格式的数据

Question

我正在尝试弄清楚如何以比我更好的方式格式化 JSON。

我正在使用这样的 JavaScript 形式，

<script type="text/javascript">
$(document).ready(function(e) {   
    $.ajax({
        url: 'http://www.domain.ca/classes/brain.php?a=select',
        crossDomain: true,
        type: 'GET',
        dataType: 'json',

        beforeSend: function() {
        },

        success: function(data, textStatus, jqXHR) {
            $('.pageLoaded').html(data.name +' <br />'+ data.email);
        },

        error: function(responseText) {
            alert('Error: '+ responseText.toString());  
        }
    });
});
</script>
<div data-role="content" class="pageLoaded"></div>

但我希望能够有更好的方法来格式化显示的外观。也许调用模板文件？

我只能使用 HTML + CSS + Javascript...有什么可能性，或者我必须做我在这里做的事情吗？

Answer 1

对于简单的 html，如 name + <LINE BREAK> + email ，你已经在做的事情应该没问题。

如果 HTML 变得复杂，则 jQuery.template是你的 friend 。

对于上述情况，一个例子是:

1) 添加带有您要生成的 html 布局的脚本标签:

<script id="nameTemplate" type="text/x-jquery-tmpl">
   ${name} 
   <br />
   ${email}
</script>

2) 将您的 ajax 成功处理程序更改为:

 $( "#nameTemplate" ).tmpl( data).appendTo(".pageLoaded")