如何刷新JSP的内容?

时间:2014-05-28 05:51:07

标签: javascript jquery ajax jsp java-ee

我有一个jsp页面,在按钮上单击我想从bean中获取值并根据该数据执行一些操作。

(此按钮不会发布或获取任何内容,只会进行一些UI级别更改。)

条件: 页面不得刷新,只刷新页面的某个部分,并且仅在按下该按钮时才会刷新。

我有

 <wcbase:useBean id="beanUtil" classname="UtilBean">
        <c:set property="studentId" value="${WCParam.studentId}" target="${beanUtil}" />
        </wcbase:useBean>
            <c:set property="classId" value="${class.uniqueID}" target="${beanUtil}" />
            <c:set var="listOfStudents" value="${beanUtil.StudentIdsforTransfer}" />

            <c:if test="${not empty listOfStudents}">
                <script>var listOfStudents= true; </script>
            </c:if>
            <c:if test="${empty listOfStudents}">
                <script>var listOfStudents = false;</script>
                </c:if>

我需要点击一下按钮调用整个部分

怎么做?

真的很感激所有的帮助。

注意:我试图将此代码放入div中,然后尝试在按钮点击时刷新该div,但它没有用。

类似的东西:

放入js

  $('#studentDiv').load(document.URL +  '#studentDiv');

加入jsp。

 <div id="studentDiv">

 <wcbase:useBean id="beanUtil" classname="UtilBean">
        <c:set property="studentId" value="${WCParam.studentId}" target="${beanUtil}" />
        </wcbase:useBean>
            <c:set property="classId" value="${class.uniqueID}" target="${beanUtil}" />
            <c:set var="listOfStudents" value="${beanUtil.StudentIdsforTransfer}" />

            <c:if test="${not empty listOfStudents}">
                <script>var listOfStudents= true; </script>
            </c:if>
            <c:if test="${empty listOfStudents}">
                <script>var listOfStudents = false;</script>
                </c:if>
</div>

此代码刷新了页面,但在主页面中再次插入整个页面并继续处理。

2 个答案:

答案 0 :(得分:0)

您可以借助以下语句刷新JSP页面

TimeUnit.SECONDS.sleep(5); 

它会在5秒后重新加载页面。您可以根据需要进行更改

我在我的代码中使用了以上行,如下所示......看看......可能对你有所帮助

  <form action="haryana.jsp" method="get" class="values">
            <table cellspacing="4" cellpadding="4">
                <tr>
                    <td>Select Industry</td>
                    <td><select name="sta" class="dropdown">
                            <option>Industry</option>
                            <option>Cotton</option>
                            <option>Sugar</option>
                            </select></td>
                </tr>
                <tr>
                    <td>Select Category </td>
                    <td><select name="ind" class="dropdown">
                            <option>Category</option>
                            <option>Area</option>
                            <option>Production</option>
                            <option>Yield</option>
                        </select></td>
                </tr>
                <tr class="blank_row">

                </tr>
                <tr>
                    <td><input type="submit" value="Submit" style="margin-top: 10px;" name="bt" class="btn btn-primary btn1"/></td>
                </tr>
            </table>
            <%
                if (request.getParameter("bt") != null) 
                {
                    categoryDataset = new DefaultCategoryDataset();
                    try 
                    {
                        st=request.getParameter("sta").toLowerCase();
                        indus = request.getParameter("ind").toLowerCase();
                        String qry = "select year,"+indus+" from "+st+" where year between '2007-08' and '2013-14'  and state='Haryana'";
                        utility ut = new utility();
                        ResultSet rs = ut.DQL(qry);
                        while (rs.next()) 
                        {
                            a=Float.parseFloat(rs.getString(""+indus));
                            b=Math.round(a);
                            categoryDataset.setValue(b, "" + st, "" + rs.getString("year"));
                            data1.setValue("" + rs.getString("year"), b);
                        }
                        JFreeChart chart1 = ChartFactory.createPieChart(""+indus,   data1, true, true, false);
final ChartRenderingInfo info1 = new ChartRenderingInfo(new StandardEntityCollection());
                        final File file2 = new File("F:/JavaAptech/Netbeans 74 applications/MinorProj/web/" + "har1" + st + indus + ".png");
                        img1 = "har1" + st + indus + ".png";
                        ChartUtilities.saveChartAsPNG(file2, chart1, 450, 300, info1);
                        chart1.setBorderVisible(true);
                    } 
                    catch (Exception e) 
                    {
                       // out.println(e);
                        %>
                        <script>
                            alert("Invalid Input/Data Unavailable");
                        </script>
                        <%
                    }%>
        </form>
    </div>
  <div style="float:left;width:70%;height:380px;">
     <%TimeUnit.SECONDS.sleep(5); %>
     <img style="margin-left: 15px;margin-top:3px;width:450px;height: 350px;"  src=     <%=img1%> USEMAP="#chart1"/>

</div>
    <%
         }
    %>

答案 1 :(得分:0)

我的建议是 调用ajax来刷新你的内容。 在“test.html”中编写代码以从bean获取值。 示例代码

$.ajax({
  url: "test.html",
  context: document.body
}).done(function() {
  $( this ).addClass( "done" );
});

我提供参考

Calling a backingBean method from javascript

how to call backing bean method from java script

How to call managed bean methods with parameters via JavaScript

Calling Managed Bean Method From JavaScript