如果您想要实现在不刷新整个页面的情况下更新网站内容，那么使用 ajax 可以是一个不错的选择。而 ajaxify 这个 npm 包可以帮助我们更加方便地实现这个目标。
安装 ajaxify
首先，在项目目录下使用 npm 安装 ajaxify：
npm install ajaxify引入 ajaxify
接下来，我们需要在需要使用 ajax 的页面中引入 ajaxify。假设我们有一个页面 index.html，在该页面中我们希望使用 ajax 加载另外一个页面 page.html 中的某个部分。那么我们可以在 index.html 中这样引入 ajaxify：
<head> <script src="path/to/ajaxify.js"></script> </head>
或者，如果您使用了构建工具如 webpack 或者 gulp，那么也可以像这样引入：
import Ajaxify from 'ajaxify';
使用 ajaxify
引入 ajaxify 后，我们就可以在页面中使用 Ajaxify 提供的方法了。对于上面提到的例子，我们可以在 index.html 中这样使用 ajaxify：
Ajaxify.loadPage('#container', '/path/to/page.html #content');
这里的第一个参数 #container 指定了要将加载的内容插入到哪个元素中，而第二个参数 /path/to/page.html #content 则指定了要加载的内容，这里的 #content 是页面中某个元素的 id。
另外，您也可以使用 Ajaxify.loadContent() 方法来直接加载一段 HTML 内容。例如：
var content = '<h2>Hello, world!</h2>'; Ajaxify.loadContent('#container', content);
最后，不要忘记在需要使用 ajax 的链接和表单上添加 data-ajaxify="true" 属性。
示例代码
-- -------------------- ---- ------- ---- ---------- --- ------ ------ ------- ---------------------------------- ------- ------ ---- --- --- ----- ---- ------ -------- ------------------------------- ------ ------------- --------------------------------- ------ --------------- --------------------------------- ----- ------ ---- ---- --- ---- --------------- ---- -------------- --- ------ -------- -- ------ ------------------------------ ----- -- ------ ------------------------- ---------- - -------------------- --- --------- ------- -------展开代码
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/37759
