使用AJAX查詢生成Html頁面元素是否好？

Question

根據UI輸入，我需要動態更改（創建或隱藏）其他UI元素。 另外我不想刷新我的頁面。使用AJAX查詢生成Html頁面元素很好嗎？另外最好的辦法是做什麼？

Answer 1

我正在使用Knockoutjs的html綁定來完成這項工作。這裏的理念是：

1. 創建全局視圖模型：

   var _viewModel = { body: ko.observable() }

2. 在HTML頁面中：

   <div id="dynamic-part" data-bind="html: body" ></div>

3. 在JavaScript

   ko.applyBindings(_viewModel, $('#dynamic-part')[0]);

4. 每當你要加載的動態部分，你可以有一種JavaScript代碼的類似如下： $.get('/some/new/page/part', function(data) {_viewModel.html(data);});

當你與sammy和LAB沿應用上述技術，你會得到一個非常強大的單頁Web應用程序，應用程序的所有頁面都可以通過ajax調用進行加載。

Answer 2

正常情況下，它的做法是，初始頁面的標籤帶有標識符，但div中沒有​​內容。隨着您的AJAX結果回來，您可以將這些div的innerHTML設置爲檢索到的內容，並通過標識符來處理它們。 Here's a page這很好解釋。

Answer 3

起初，你必須複製技術的東西。

如何首先創建一個AJAX請求？
我會選擇jQuery庫。這有一個ajax函數。

然後您決定：
您是否僅回饋一些數據並在JavaScript中構建HTML內容？ （這裏再次jQuery是一個很好的方法）
或者你在服務器端構建HTML，並使用ajax回調方法將它放在我的文檔中success？

這是首發