HTML如何按需加载某xml文件

Question

我在个人博客中添加了一个全局搜索功能：将全部文章内容加载到一个search.xml文件中，然后搜索时，去该文件中查找对应内容。关键代码如下：

    <script>
        if ($('.local-search').size()) {
          $.getScript('/js/search.js', function() {
            searchFunc("/search.xml", 'local-search-input', 'local-search-result');
          });
        }
    </script>

这有设置的话，好像加载页面的时候也会加载这个xml文件，但是考虑到后期这个xml文件可能会很大，会导致页面加载速度很慢。于是考虑能不能在用户点击搜索框时，再加载这个xml文件，希望有大佬能给出建议或者是简单的示例代码，先行谢过了！