jq 渲染數據

jq渲染從服務端獲取到數據，生成動態的html結構。

---

（一）實現原理
使用for循環渲染從後臺獲取到的數據，在用append填充到頁面。
值得注意的一點是，append是向每個匹配的元素內部追加內容。
即是append是在原來的格式上添加DOM節點，不會覆蓋原先的節點數據。

---

（二）示例代碼

function selectProject(target){
        var orgId = target.val();
        $("#PROJNAME").html("");
        var serviceUrl = "${path}/com.pytech.timesgp.web.dao.SelectorDao:getProjectByAreaId";
        ajax.remoteCall(serviceUrl,[{"orgId":orgId}],function(reply){
            var data = reply.getResult();
            $("#PROJNAME").append('<option value="">--請選擇--</option>');
            // 數據渲染
            for(var i=0;i<data.length;i++){
                if('${orgType}'=='PROJNAME')
                    $("#PROJNAME").append('<option value="'+data[i].ORG_ID+'" selected="selected">'+data[i].ORG_NAME+'</option>');
                else
                    $("#PROJNAME").append('<option value="'+data[i].ORG_ID+'">'+data[i].ORG_NAME+'</option>');
            }
        });
    }

---

提醒一點，渲染數據寫標籤的屬性的屬性值的時候，如果這個屬性值是個變量，一定要加個雙引號，然後再引用變量。
否則，當這個變量值有空格的時候，就無法獲取到空格後面的值。
如：
'<option value="'+data[i].ORG_ID+'" selected="selected">'+data[i].ORG_NAME+'</option>'
value="'+data[i].ORG_ID+'"

---

ok~~