Javascript 如何使用ajax在页面之间进行转换

这是我的html代码，用于将用户切换到php网站中的某些页面

    <div class="nav">
    <ul onChange="showUser(this.value)">
        <li class="active">
            <div class="fix">
                <span class="ico"><img src="image/ico7.png"></span>
                <span class="value">manager</span>
            </div>
            <ul>
                <li><a href="chengePass.php">chenge pass </a></li>
                <li><a href="search.php">search</a></li>
                <li><a href="distroy.php">exit</a></li>
            </ul>
         </li>

         <li class="active">
            <div class="fix">
                <span class="ico"><img src="image/ico3.png"></span>
                <span class="value">show user</span>
            </div>

        </li>
    </ul>
</div>

经理







显示用户

它工作得很好，但我想学习如何使用ajax代码在页面之间进行转换，方法是单击从b页调用代码并在a页中显示的列表项。因此，它将比html代码更快

---

我怎么做

您可以使用jquery的

.load

功能在

div

中加载

页面

，如下所示

function LoadPage(url){
 $('#yourMainDiv').load(url, function (response, status, xhr) {
 //you can put you logic here
 });
}

这里的

url

将是要加载到div中的页面的

url

你可以这样称呼它

LoadPage('chengePass.php');

或者，您也可以像第一个答案中所说的那样添加
href=“#”onclick=“LoadPage（'chengePass.php'）；返回false；”



或

链接

 <a href="#" onclick="LoadPage('chengePass.php');return false;">link</a>

 <li onclick="LoadPage('chengePass.php');return false;">link</li>