jQuery 将更多新闻从数据库加载到页面答案

【问题标题】：jQuery load more news from database to pagejQuery 将更多新闻从数据库加载到页面
【发布时间】：2014-12-27 06:45:53
【问题描述】：

在告诉你我的问题之前，先看看这个例子：JSFIDDLE

现在，我正在尝试使用与所示相同的示例，但我正在使用列表从数据库中获取我的数据。但是当我运行时，它显示了两个故事，如果我点击显示加载更多该新闻。什么都没发生。我卡在那里。我正在尝试从 12 小时 解决这些问题。

请帮帮我！！

看看我的源代码：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page language="java" import="java.sql.*" %>
<html>
    <head>
        <title>Title...</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <style>
#myList li{ display:none;
}
#loadMore {
    color:green;
    cursor:pointer;
}
#loadMore:hover {
    color:black;
}
        </style>
        <script type="text/javascript">
            $(document).ready(function () {
                size_li = $("#myList li").size();
                x=3;
                $('#myList li:lt('+x+')').show();
                $('#loadMore').click(function () {
                    x= (x+5 <= size_li) ? x+5 : size_li;
                    $('#myList li:lt('+x+')').show();
                });
            });
</script>
    </head>
    <body>
<%
    try{
        Class.forName("com.mysql.jdbc.Driver");
        Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news", "root", "1234");
        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">
<section>

<ul id="myList">
    <li>
<!-- Here, would be my news.... -->
    <%=my_news %>
    </li>
</ul>
</section>
</div>
<%
            }
    }
    catch(Exception e){
        e.printStackTrace();
    }
%>
<div id="loadMore">Load more</div><br>


</body>
</html>

当然，我们将不胜感激！

【问题讨论】：

这里能提供jsp编译后的结果吗？

标签： javascript jquery mysql ajax jsp

【解决方案1】：

根据 jquery 逻辑，您正在计算 $("#myList li").size() ，根据您的代码是 1。因此，当您单击 loadmore 时，它会检查逻辑是否输入并找到 x 大小更多比 size_li 不做任何事情。

解决方法：可以使用修改代码

<% for(int i = 0; i < my_news.size(); i++) { %>
   <li>      
       <%=my_news[i] %>
   </li>
   <%{ %>

您也可以使用 jslt 标签来编写代码。

【讨论】：