How to show "load more stories" in my jsp web application?

Firstly, Let me clear your doubt that what I'm looking for. I googled already and tons of result but My question is:

I want to show Load more stories into my web application and it's fetching stories from MySql database, something like:

<div align="center"><font color="#CC0099" size="4">&#9733;·.·´¯`·.·&#9733; HAPPY NEW YEAR &#9733;·.·´¯`·.·&#9733;<br></font></div>
<%
    try{
        Class.forName("com.mysql.jdbc.Driver");
        Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news", "foo", "foo");
        Statement st=con.createStatement();
        ResultSet rs=st.executeQuery("select * from main_news order by news_id desc");
            while(rs.next()){
                String my_news=rs.getString("my_news");
    %>
<div class="wpb_wrapper" style="border-bottom: 1px solid #bcbcbc;">
<section>
<!-- Here, would be my news.... -->
    <%=my_news %>
</section>
</div><br><br><br>
<%
            }
    }
    catch(Exception e){
        e.printStackTrace();
    }
%>
<p style="text-align:center;">No more stories here..</p> 
</div>

Can you please just help me, I've tons of stories and now i want to change it something like `Load more Stories.

Surely, Help would be appreciated!!