title: How to refresh the content of a tab in JSP when user clicks on a tab?
body: <p>I know this is a duplicate question. But I don't find a good solution to my problem.
  I created a JSP page with some tabs. I want to reload the contents of a tab when the user clicks on the tab.</p>
  
  <pre><code>&lt;div class="navbar btn-navbar"&gt;
          &lt;div id="tabs" class="tabbable"&gt;
              &lt;ul id="myTab" class="nav nav-tabs"&gt;
                  &lt;li&gt;&lt;a href="#datacollector" target="main"
                      data-toggle="tab"&gt;Data Collector&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#fromDB" target="main"
                      data-toggle="tab"&gt;Data Load&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#fromFile" target="main"
                      data-toggle="tab"&gt;Data Load&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#email" target="main"
                      data-toggle="tab"&gt;Data Load&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="ajax/DataFieldMapping.jsp" target="main" data-toggle="tab"&gt;Data
                          Map&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#schedule" target="main" data-toggle="tab"&gt;Schedule&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>What should be my script?</p>