Javascript “如何显示”；“加载更多故事”；在我的jsp web应用程序中？

首先，让我澄清你对我所寻找的东西的怀疑。我已经在谷歌上搜索了很多结果，但我的问题是：

我想显示

将更多故事加载到我的web应用程序中，它从MySql数据库获取故事，类似：

★；··´¯`·.·★ 新年快乐·´¯`·.·★





这里没有更多的故事了。

你能帮帮我吗，我有很多故事，现在我想把它改成“加载更多故事”

当然，我们会非常感谢您的帮助
这正是您所需要的

-->可以使用jQuery进行集成

-->向下滚动到底部以查看效果。
您可以使用Ajax，单击

页面中的JavaScript：

var xmlHttp
function loadmore()
 {
    //here you can send a request to a jsp(such as getmorestory.jsp) or a servlet to get data of stories.
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null)
    {
      alert ("Browser does not support HTTP Request")
      return
    } 
    var url="getmorestory.jsp"
    xmlHttp.onreadystatechange=stateChanged 
    xmlHttp.open("GET",url,true)
    xmlHttp.send(null)
} 
function stateChanged() 
{ 
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  { 
     document.getElementById("news").innerHTML=xmlHttp.responseText 
  } 
}
function GetXmlHttpObject()
{
    var xmlHttp=null;
    try
     {
         // Firefox, Opera 8.0+, Safari
         xmlHttp=new XMLHttpRequest();
     }
    catch (e)
     {
        // Internet Explorer
        try
        {
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
  }
    return xmlHttp;
}


您可以按如下方式更改html代码：

<section id="news">
     <!-- Here, would be my news.... -->
     <%=my_news %>
</section>

<p style="text-align:center;" onclick="loadmore()">No more stories here..</p>

<%
    try{
        if(session.getAttribute("RequestNum")!=null){
           session.SetAttribute("RequestNum") = 0;
    }
    Class.forName("com.mysql.jdbc.Driver");
    Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news", "foo", "foo");
    Statement st=con.createStatement();
//add a param like RequestNum to session to control
    ResultSet rs=st.executeQuery("select * from main_news order by news_id desc limit  session.getParameter("RequestNum"), session.getParameter("RequestNum")+10 ");
     session.SetAttribute("RequestNum") = session.getAttribute("RequestNum")+10;
        while(rs.next()){
            String my_news=rs.getString("my_news");
    //here output my_news, it will be send back to xmlHttp.responseText 
    out.print(my_news);
%>


这里没有更多的故事



在getmorestory.jsp中，可以编写如下代码：

<section id="news">
     <!-- Here, would be my news.... -->
     <%=my_news %>
</section>

<p style="text-align:center;" onclick="loadmore()">No more stories here..</p>

<%
    try{
        if(session.getAttribute("RequestNum")!=null){
           session.SetAttribute("RequestNum") = 0;
    }
    Class.forName("com.mysql.jdbc.Driver");
    Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/news", "foo", "foo");
    Statement st=con.createStatement();
//add a param like RequestNum to session to control
    ResultSet rs=st.executeQuery("select * from main_news order by news_id desc limit  session.getParameter("RequestNum"), session.getParameter("RequestNum")+10 ");
     session.SetAttribute("RequestNum") = session.getAttribute("RequestNum")+10;
        while(rs.next()){
            String my_news=rs.getString("my_news");
    //here output my_news, it will be send back to xmlHttp.responseText 
    out.print(my_news);
%>




代码可能有很多错误，但你可以这样做…
阅读如何使用Ajax抱歉，但我不知道
中文
。你能更新一下吗？如果你不介意的话。。