JSON + AJAX + STRUTS2 + 在 HTML 中渲染 JSON

Question

我有一个调用 ajax：

JAVASCRIPT

    <script type="text/javascript">
        $.subscribe('cellselect', function(event, data) {
            var cell = event.originalEvent.cellcontent; 
            $.ajax({
                type : "GET",
                url  : "codcli.action?cliente.codcli="+cell,
                dataType : 'json',
                success : function(result){
                    if (result != null && result.length > 0){
                        $.publish('name');
                        $.publish('emails');
                    }
                },
                error : function(xhr, errmsg) {alert("No values found..!!");}
            });
        });
    </script>

动作

    <action name="codcli" class="intranet.ConsultarAlumno" method="CargarDatos">
        <result type="json">
            <param name="root">
                cliente
            </param>
        </result>
    </action>

即返回下一个字符串 JSON

带有 FIREBUG 的 JSON 结果（对象“客户”）

{"apemat":null,"apepat":null,"cicact":"01","clientedociden":null,"clienteemail":[{"emacli":"fabiolas_abada@unsm.pe"},{"emacli":"fabiolas_loved_11_44@hotmail.com"}],"clientesemestre":null,"clientetelefono":{"contel":0,"escuela":null,"facultad":null,"fechorusucre":null,"fechorusumod":null,"ideusucre":null,"ideusumod":null,"numtel":"   075 225476   975345737","tipotelefono":null},"codant":null,"codcli":"2012534852","codgraaca":null,"codpai":null,"codusu":null,"deuacumor":null,"deuacupen":null,"dirdom":"CALLE JIRON UNION 1274-LA VIRGEN","escuela":{"codesc":"02","desesc":"DERECHO","desescban":null,"desescres":null,"facultad":null,"fechorusucre":null,"fechorusumod":null,"ideusucre":null,"ideusumod":null,"nomdiresc":null,"proproesc":0,"staesc":null,"tipogrado":null},"estcar":null,"estciv":null,"exaadm":null,"facultad":{"codfac":"06","desfac":"DERECHO","desfacres":null,"dirfac":null,"fechorusucre":null,"fechorusumod":null,"ideusucre":null,"ideusumod":null,"nomrep":null,"proprofac":0,"stafac":null,"tipperaca":null,"ubigeo":null},"fechorusucre":null,"fechorusumod":null,"fecnac":null,"ideusucre":null,"ideusumod":null,"moding":null,"modtit":null,"nom":"FABIOLA  MARIA","nomcom":"ABADA MUYAGA","numcreacu":null,"numcuracu":null,"numresing":null,"propongen":null,"semegr":null,"semestre":"2","seming":"20131","sex":null,"stacli":null,"tipcli":null,"turmat":"M","ubigeo":{"codpos":null,"codubigeo":null,"depubigeo":"LA LIBERTAD, TRUJILLO, LA VIRGEN","disubigeo":null,"proubigeo":null},"ubigeo2":null,"ultsemact":null,"ultsemmat":null,"valvar":"19\/08\/2013","year":"2013"}

JSP

<p>Here The name</p>
<div id="name"> Atributte "nom" </div>

<p>Here The list of emails</p>
<div id="emails"> Atributte "clienteemail" </div>

问题

处理 JSON 字符串以在 HMTL 页面上显示 JSON 字符串的属性“nom”（名称）和“clienteemail”（电子邮件列表）的最佳方式是什么？

Answer 1

像这样？

....

success : function(cliente){
    if (result != null && result.length > 0){
        $("#name"  ).html(cliente.nom);
        $("#emails").html("");
        for (var i=0; i < cliente.clienteemail.length; i++) {
            $("#emails").append("<br/>" + cliente.clienteemail[i].emacli);
        }
    }
},

....