前台处理异步传回的JSON数据

直接上代码，包括清空htm重写元素

<script type="text/javascript">
    //持仓
    function holdOn(obj){
        var htmlStr = "";
        var goodsCode='${goodsCode}';
        var $obj = $(obj);
        if(goodsCode.isNotBlank()){
            jQuery.ajax({
                type: "POST",
                url: appServer + "/ajax/holdAgain.htm",
                dataType: "json",
                cache: false,
                data: {
                    "goodsCode": goodsCode
                },
                success: function(data) {
                    if (data.type=='ERROR') {
                        var i =1;
                        $(".listBox").empty();
                        htmlStr += "<h5><span>异常信息</span></h5>";
                        htmlStr += "<table style='width:100%'>";
                        htmlStr += "<tr ><th width='15%'>序号</th>";
                        htmlStr += "<th width='85%'>信息内容 </th></tr>";
                       
                        for(var key in data.messageMap){//获得json的键位，由此得到value
                            htmlStr += "<tr>";
                            htmlStr +="<td style='text-align: center'>"+i+"</td>";
                            htmlStr +="<td style='text-align: center'>"+data.messageMap[key]+"</td>";
                            htmlStr +="</tr>";
                            i++;
                        }
                        htmlStr +="</table>";
                        $(".listBox").html(htmlStr);
                        $(".form-but").empty();
                        $(".form-but").html("<input type='button' name='back' onclick='location.href=\"$!{appServer}/good/againList.htm\"' class='but' value='确定'/>");
                       
                    } else if(data.type=='SUCCESS'){
                        $obj.attr('disabled','disabled');
                        $obj.attr('style','color: rgb(172, 168, 153); text-shadow: 1px 1px 0px rgb(255, 255, 255);');
                        $obj.removeAttr('onclick');
                        alert("持仓成功");
                    }
                },
                error: function() {
                    alert("暂时无法连接登记托管系统查询持仓数据，请稍后再试");
                }
            });
        }else{
           
        }
    }
</script>

 

 

需要注意的是，jaxa返回值的datatype为‘json’ 如果是‘text’，则还需要手动转换为json，好像是eval（data）或者JSON.parse(data)，但直接返回json比较方便。