Javascript jquery，不刷新页面

我正在尝试使用ajax，这样页面就不会自动刷新，但是由于某些原因，我似乎无法让它正常工作。我想要这个效果，用这个

你可以看到它是如何在不重新加载的情况下滑入等的，但是我似乎根本无法让网站正常工作，甚至无法重新加载。当我点击链接时，什么也没有出现

我试图让它与登录和注册页面的工作。当我点击链接时，什么也没发生

再次感谢你的帮助

<div class="navbar navbar-default" role="navigation">  
  <div class="container">     
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div class = "logo">
        <img src="Image/Logo.png" class="img-responsive"/>
     </div> 
        </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="index.php">Home</a>
        </li>
        <li><a href="about.php">About</a>
        </li>
        <li><a href="login.php">Login</a>
        </li>
        <li><a href="reg.php">Become A member</a>
        </li>
      </ul>
    </div>
    </div>  
</div>

    <div class="container">
        <div class="Mainbody">
        
    <div class="linetop"> 
        <div class="linebottom">
            <h3>JULY 19th, 2016</h3>
            <!-- <h1><span>J</span>UST <span>J</span>UICE</h1> -->
            <h1>INTO THE NEW YOU</h1>
            <h2>THE APPLICATION TO A HEALTHIER LIFESTYLE</h2>
            <div class="bottop"> 
            <div class="botbottom"></div>
            </div>
            </div>
    </div>
        </div>
    </div>
    
    <div class="footer">
        <div class="container">
            <div class="navbar-text pull-left">
                <div class="logo1">
                    <img src="Image/Logo.png" class="img-responsive"/>
                    <p>&copy; 2016 by JJ. CopyRight Ali Issa</p>
                </div>
            </div>
            <div class="navbar-text pull-right">
                <a href="#"><i class="fa fa-facebook fa-2x"></i></a>
                <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
                <a href="#"><i class="fa fa-instagram fa-2x"></i></a>
            </div>
        </div>
    </div>
  

  
  

    <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js'></script>
    <script type='text/javascript' src='js/jquery.ba-hashchange.min.js'></script>
    <script type='text/javascript' src='js/dynamicpage.js'></script>
    <script src="js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(function() {

            var newHash      = "",
                $mainContent = $("#main-content"),
                $pageWrap    = $("#page-wrap"),
                baseHeight   = 0,
                $el;
        
    $pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $mainContent.height();
    
    $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });
    
    $(window).bind('hashchange', function(){
    
        newHash = window.location.hash.substring(1);
        
        if (newHash) {
            $mainContent
                .find("#guts")
                .fadeOut(200, function() {
                    $mainContent.hide().load(newHash + " #guts", function() {
                        $mainContent.fadeIn(200, function() {
                            $pageWrap.animate({
                                height: baseHeight + $mainContent.height() + "px"
                            });
                        });
                        $("nav a").removeClass("current");
                        $("nav a[href='"+newHash+"']").addClass("current");
                    });
                });
        };
        
    });
    
    $(window).trigger('hashchange');
});

切换导航










2016年7月19日
进入新的你
健康生活方式的应用
&抄袭；2016年由JJ出版。版权所有Ali Issa

$（文档）.ready（函数（）{
$（函数（）{
var newHash=“”，
$mainContent=$（“#主要内容”），
$pageWrap=$（“#pageWrap”），
基准高度=0，
$el；
$pageWrap.height（$pageWrap.height（））；
baseHeight=$pageWrap.height（）-$mainContent.height（）；
$（“nav”）。委托（“a”，“单击”，函数（）{
window.location.hash=$（this.attr（“href”）；
返回false；
});
$（窗口）.bind（'hashchange'，function（）{
newHash=window.location.hash.substring（1）；
if（newHash）{
$mainContent
.找到（“勇气”）
.fadeOut（200，函数（）{
$mainContent.hide（）.load（newHash+“#guts”，函数（））{
$mainContent.fadeIn（200，函数（）{
$pageWrap.animate({
高度：baseHeight+$mainContent.height（）+“px”
});
});
美元（“资产净值”）.removeClass（“当前”）；
$（“nav a[href='”+newHash+“']”）addClass（“当前”）；
});
});
};
});
$（window.trigger（'hashchange'）；
});

编辑：

---

添加了新代码后，现在它所做的只是像正常一样刷新，而不是淡入淡出

尝试

location.reload（）；

在onclick函数中。@ImranAslam对不起，你的意思是什么？你的文章标题可能有误导性-如果我错了，请纠正我，但据我所知，你试图通过AJAX加载div的内容？如果你的问题是AJAX不起作用，那么页面上就没有AJAX。请参阅和。

$.load（）

是AJAX的一种类型，但不是我们在谈论AJAX时通常指的

post

+

回调

，您希望如何刷新页面？我是说点击按钮？