Jquery 当我点击导航链接而不刷新页面时,我想将外部html文件加载到主div中。但我不知道怎么做

Jquery 当我点击导航链接而不刷新页面时,我想将外部html文件加载到主div中。但我不知道怎么做,jquery,Jquery,此代码为index.html,与其他页面类似使用jQuery JavaScript库,您可以利用load函数将另一个html文件的内容加载到服务器上,并将其放置在当前页面上的任意位置,而无需刷新,这样您甚至可以根据需要替换当前html jQuery: jQuery加载: <body> <nav> <ul> <li><a href="index.html">Home</a>&

此代码为index.html,与其他页面类似

使用jQuery JavaScript库,您可以利用load函数将另一个html文件的内容加载到服务器上,并将其放置在当前页面上的任意位置,而无需刷新,这样您甚至可以根据需要替换当前html

jQuery:

jQuery加载:

<body>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            <li><a href="contactus.html">Contact</a></li>
        </ul>
    </nav>
    <div id="main">
        <h1>Responsive Side Menu</h1>
    </div>