Jquery:我正在使用左侧面板,点击按钮列表我要更改内容

时间:2015-09-30 05:39:14

标签: javascript jquery ajax angularjs jsp

Jquery:我正在使用左侧面板(角度js),点击按钮列表我想更改右侧的内容,这是一个没有页面重新加载的div标签。

    <div id="container"></div>

我正在使用3个jsp页面,应该在按钮点击的容器中替换。这3个jsp页面通过href链接。

    <a class="click" href="Home" rel="http://localhost:8080/Dummy/Status.jsp">Home</a>
    <a class="click" href="about" rel="http://localhost:8080/Dummy/dummy2.jsp">About</a>
    <a class="click" href="Contact" rel="http://localhost:8080/Dummy/dummy3.html">Contact</a>

我面临的问题: 当它是一个简单的HTML

   (ex <p>hello world</p>) 

它可以完美地加载内容但是当我加载使用角度js开发的jsp页面时,它给了我一个警告:尝试多次加载角度,并且网站没有响应。

这是我加载内容的jquery:

     $('.click').click(function(e){

          e.preventDefault();
            var targetUrl = $(this).attr('rel');
         $.ajax({
                url: targetUrl,
                type: "GET",
                success:function(){


                    $('#container').load(targetUrl);
                    return false;
                },
                error:function (){
                    alert("testing error");
                }
            });
        });

我的担忧: 我是否需要使用ng-route来使用此功能。 我们将不胜感激。 请指教。

0 个答案:

没有答案