Question

我的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代码更快我该怎么做？

Answer 1

您可以使用jquery的.load功能在page中加载div

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

此处url将是您要加载到div中的url of page。

你会称之为

LoadPage('chengePass.php');

Answer 2

或者你可以在第一个答案中说，但添加href="#" onclick="LoadPage('chengePass.php');return false;"

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

或

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

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

2 个答案: