javascript - 使用 AJAX 查询生成 Html 页面元素好不好？

Question

根据 UI 输入，我需要动态更改(创建或隐藏)其他 UI 元素。另外我不想刷新我的页面。使用 AJAX 查询生成 Html 页面元素好吗？另外最好的方法是什么？

Answer 1

我正在使用Knockoutjs的html约束做这项工作。想法如下:

1. 创建全局 View 模型:

   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调用加载。