如何在Wordpress中调用Ajax调用加载内容

Question

我正在尝试通过Ajax在Wordpress主题中加载内容。

它适用于简单的HTML模板网站，但不适用于WordPress主题。我需要在function.php中添加一个函数吗？

以下是简单的HTML代码：

<script type="text/javascript">
     $(function(){
            // don't cache ajax or content won't be fresh
            $.ajaxSetup ({
                cache: false
            });   var ajax_load = "<img src='small-loading.gif' alt='loading...' />";

        // load() functions
            var loadUrl = "//localhost:8080/wordpress/wp-content/themes/mytheme/searchform.php";
            $("#loadbasic").click(function(){
                $("#panel-result").html(ajax_load).load(loadUrl);});});
      </script>
<div class="excontainer">

  <div id="loadbasic">basic load</div>
    <div id="panel-result"></div>

</div>

如何将其实现到Wordpress主题中？非常感谢任何帮助。