我有一個html頁面,它將顯示用戶配置文件的用戶名,地點,等等。我在jquery中使用ajax獲取值。現在我有問題,如何獲取的值分配給DOM:動態地分配值給dom
第一種方法會等到我得到的數據,然後動態地創建DOM和附加到目標DIV
$.ajax({
url: "profiledata",
type: "POST",
success:function(data){
$("<div><label>"+data.name</label><br/>
<label>"+data.place</label></div>").appendTo("target div");
}
在這種方法更追加的字符串將會發生,所以我懷疑進程所消耗的內存。
方法二將只使用ID來賦值:
$.ajax({
url: "profiledata",
type: "POST",
success:function(data){
$("#uname").text(data.name);
$("#place").text(data.place);
}
<div><label id="uname"></label><br/>
<label id="place"></label></div>
哪一個將是有效的在加載頁面的條款,即較輕的代碼和 頁沒有我提到的一些寫的方法呢?或者有更好的解決方案嗎?
其中6個是另外6個,取決於您的使用情況,哪個更具可讀性。我不相信會有任何**顯着差異的表現。 – Liam 2013-05-02 16:01:51
在第一種方法中,所有的'「
根據項目的複雜性,使用許多Javascript MV *框架中的一個可能是值得的,它允許您輕鬆地將DOM綁定到數據源。一些例子是[Knockout.js](http://knockoutjs.com/),[AngularJS](http://angularjs.org/)和[Backbone.js](http://backbonejs.org/)。這些允許您只從服務器提取數據,而不必擔心更新DOM;該框架爲你做到了這一點。 – jmeas 2013-05-02 16:06:33