Javascript 将jsp页面加载到div中_Javascript_Jquery

Javascript 将jsp页面加载到div中

javascript jquery

Javascript 将jsp页面加载到div中,javascript,jquery,Javascript,Jquery,我想在div中加载我的jsp页面在我的主js中有一个表，它有两列，第一列是菜单，第二列是div 我尝试使用thsi代码但未成功： <script src="/test/extjs/jquery-latest.min.js" type="text/javascript"></script> <script src="/test/extjs/jquery.min.js" type="text/javascript"></script> $

我想在div中加载我的jsp页面

在我的主js中有一个表，它有两列，第一列是菜单，第二列是div

我尝试使用thsi代码但未成功：

<script src="/test/extjs/jquery-latest.min.js" type="text/javascript"></script>
    <script src="/test/extjs/jquery.min.js" type="text/javascript"></script>

 $(function() {


        $('a').click(function() {
            $('#divpage').load($(this).attr('href'));
            return false;
        });
    });


 <table width="100%" height="100%">
     <tr>
     <td width="10%" height="100%"><div id='cssmenu'>
    <ul id="idGmenu">
       <li style="display: none;><a href="#"><span>Home</span></a></li>
       <li><a href="#"><span><spring:message code="taifSettingUP"/></span></a>
          <ul>
             <li class="current"><a href="/test/citizen.htm"><spring:message code="taifSettingCitizenUP"/></a></li>
             <li><a href="/test/encodingType.htm"><spring:message code="taifSettingTypeUP"/></a></li>

          </ul>
       </li>

       <li><a href='#'><span><spring:message code="taifCancellationsSuspensions"/></span></a>   
       <ul>
             <li><a href="/test/cancellSuspension.htm"><spring:message code="taifCancellationsSuspensions"/></a></li>       
          </ul>
       </li>
         <li><a href='#'><span><spring:message code="taifConsultingUP"/> </span></a>  
       <ul>
             <li><a href="/test/consultingOwner.htm"><spring:message code="taifConsultingOwnerUP"/></a></li>      
              <li><a href="/test/consultingDetailsUP.htm"><spring:message code="taifConsultingUPDetails"/></a></li>       
          </ul>
       </li>
    </ul>
    </div></td>
     <td  width="90%" height="100%"> 


        <div id="divpage"></div>    



    </td>
     </tr>
     </table>


$（函数（）{
$（'a'）。单击（函数（）{
$（'#divpage'）.load（$（this.attr（'href'））；
返回false；
});
});

您的jquery代码片段很好。不是自动防故障，而是正常工作，只要正确使用它（不要忘记标签。。。
尽量避免使用不必要的标记和表
test.html
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
     $(function() {
            $('a').click(function() {
                $('#divpage').load($(this).attr('href'));
                return false;
            });
        });
    </script>
</head>
<body>
    <ul>
        <li><a href="#">NO CONTENT HERE!*</a></li>
        <li><a href="a.html">Show me the SO site!</a></li>
    </ul>
    <div id="divpage">Content is coming!</div>
</body>


$（函数（）{
$（'a'）。单击（函数（）{
$（'#divpage'）.load（$（this.attr（'href'））；
返回false；
});
});




内容来了！


a、 html
<html><head></head><body><h1>Hello, i'm the a.html!</h1></body></html>

你好，我是a.html！
您的jquery代码片段很好。它不是故障安全的，但可以正常工作，只要正确使用它（不要忘记标记。。。
尽量避免使用不必要的标记和表
test.html
<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script>
     $(function() {
            $('a').click(function() {
                $('#divpage').load($(this).attr('href'));
                return false;
            });
        });
    </script>
</head>
<body>
    <ul>
        <li><a href="#">NO CONTENT HERE!*</a></li>
        <li><a href="a.html">Show me the SO site!</a></li>
    </ul>
    <div id="divpage">Content is coming!</div>
</body>


$（函数（）{
$（'a'）。单击（函数（）{
$（'#divpage'）.load（$（this.attr（'href'））；
返回false；
});
});




内容来了！


a、 html
<html><head></head><body><h1>Hello, i'm the a.html!</h1></body></html>

你好，我是a.html！
您的函数在标签之外。jquery-latest.min.js不应该是.css文件？您的函数在标签之外。jquery-latest.min.js不应该是.css文件？