创建无需重新加载即可更新的页面

shi*_*juo 1 html xml ajax dom

我正在讨论我应该学习什么来实现这一目标。主要是如果我从数据库中获取一堆信息加载到页面上,那么操作页面而不需要重新加载的最佳方法是什么。最好使用 XML 之类的东西,还是我应该使用其他东西。我知道其中很多都使用 HTML Dom 和 XML Dom,但我还不想开始学习我不需要的东西。

tob*_*ies 5

您正在寻找的技术的名称是 AJAX,它代表异步 Javascript 和 XML(尽管现在大多数 AJAX 使用 JSON [JavaScript 对象表示法] 而不是 XML)。

AJAX 需要 JS 和 DOM 的应用知识。将jQuery视为一个使 AJAX 和 DOM 操作变得简单的库。

它如何组合在一起:

JavaScript 向您的服务器发出异步请求(无需刷新页面)并返回所需的数据。当请求完成时,JS 将数据插入到 DOM 中

使用 jQuery 简化了这个过程:

$('#data-container-id').load("my-data.html",{get:"data"})
Run Code Online (Sandbox Code Playgroud)

将获取“my-data.html?get=data”并将返回的 html 放入 id 为“data-container-id”的 div 中