jQuery Ajax Include （簡稱jquery ai）是一種使用 jQuery 實現的異步加載外部 HTML 文檔的方法。它可以幫助我們更簡單地管理大量 HTML 內容，避免頁面加載緩慢，提高用戶使用體驗。下面，我們將一步步介紹 jquery ai 的使用方法。

首先需要在 HTML 標簽中添加 jquery 庫文件，在這里我們推薦使用 jQuery 官方的 CDN 資源。

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

接著，我們需要在需要異步加載內容的 HTML 頁面中引用 jquery ai 的 js 文件。

<script src="jquery-ai.js"></script>

然后，我們需要在需要異步加載內容的 HTML 頁面中設置一個占位符，用于顯示異步加載的內容。這里我們使用一個 div 標簽作為占位符，并指定一個 id。

<div id="dynamic-content"></div>

最后，在需要異步加載內容的 HTML 頁面中通過 jQuery Ajax Include 的方式加載外部 HTML 內容。我們可以通過一個鏈接觸發，也可以在頁面加載時直接調用。下面是一個觸發鏈接的例子：

<a href="external-page.html" class="jqai" data-target="#dynamic-content">Click to load content</a>

代碼中我們可以看到，我們使用了 class="jqai" 標記這個鏈接，表示我們將使用 jquery ai 對這個鏈接進行處理。同時，我們使用 data-target="#dynamic-content" 指定了異步加載的內容將會被插入到 id 為 dynamic-content 的 div 中。

以上就是 jquery ajax include 的使用方法，它可以方便我們異步加載外部 HTML 內容，優化頁面訪問體驗，更好地管理 HTML 內容。希望本文能夠對您有所幫助。