不使用iframe如何实现左边导航栏、右边子页面，点击导航栏后右边的子页面显示响应页面

可以使用Ajax技术来实现左边导航栏和右边子页面之间的动态交互。

1. 首先，在页面中定义一个左边导航栏的容器和一个右边子页面的容器，分别用div元素来实现。

2. 然后，在页面加载完成后，使用jQuery等框架绑定左边导航栏的点击事件。

3. 在点击事件中，使用Ajax发送请求到后台获取相应的页面内容，并将返回的内容动态插入到右边子页面的容器中。

4. 最后，根据需要，可以使用CSS样式对左边导航栏和右边子页面进行美化和排版。

以下是示例代码：

HTML代码：

<div class="sidebar">
  <ul>
    <li><a href="#" data-url="page1.html">页面1</a></li>
    <li><a href="#" data-url="page2.html">页面2</a></li>
    <li><a href="#" data-url="page3.html">页面3</a></li>
  </ul>
</div>
<div class="content"></div>

JavaScript代码：

$(function() {
  // 绑定左边导航栏的点击事件
  $('.sidebar a').on('click', function() {
    var url = $(this).data('url');
    // 发送Ajax请求获取页面内容
    $.ajax({
      url: url,
      type: 'GET',
      dataType: 'html',
      success: function(data) {
        // 将返回的内容动态插入到右边子页面的容器中
        $('.content').html(data);
      }
    });
    return false;
  });
});