iframe与form结合，进行局部刷新

来源：互联网发布：京东mac客户端下载编辑：程序博客网时间：2024/04/30 05:55

在提交添加一个标签之后，立马重新刷新下标签List列表。

第一步：在左边iframe的a连接上进行添加查询标签List列表信息。

1
<li class="twoMenu"> <a href="/b_bq.do?method=findAllBqs" class="blockA" target='rightframe'>新闻标签</a> </li>

第二步：在action返回回来的biaoqianList.jsp页面中进行嵌套一个添加标签页面的iframe

1
2
3
4
5
6
7
<iframe  src="/admin/jsp/super/addBiaoqian.jsp" frameborder="0" width="100%" height="80px"></iframe>
<hr/>
<ul>
<c:forEach var="bq" items="${requestScope.biaoqianList}">
    <li>${bq.id}--${bq.name}</li>
</c:forEach>
</ul>

第三步：编写addBiaoqian.jsp

1
2
3
4
<form action="024pm/b_bq.do?method=addBq" method="post" target="rightframe">
    标签名：<input type="text" name="name"/><br/>
    <input type="submit" value="提交"/>
</form>

第三步的rightframe其实就是主页上右边的iframe，重新加载下。

当然，在添加完标签之后，进行重新后台查询标签，如果是ajax的话，是没有必要的，只要操作js，进行用js添加一行tr就可以了，当然，使用ajax虽然功能强大，但是步骤繁琐。

后台添加标签代码是：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public ActionForward addBq(ActionMapping mapping, ActionForm form,
            HttpServletRequest req, HttpServletResponse res) throws Exception {
        PrintWriter out = res.getWriter();
        ActionForward af =null;
        try{
            DynaActionForm bqForm = (DynaActionForm) form;
            String name=bqForm.getString("name");
            Biaoqian bq = new Biaoqian();
            bq.setName(name);
            bq.setStatus(GetConstantNews.News_status_ok);
            bqBiz.addObject(bq);
            af = new ActionForward(); 
            af.setPath("/b_bq.do?method=findAllBqs");
        }catch(Exception e){
            e.printStackTrace();
        }
        return af;
    }
本文转载自：http://www.esnsc.com/news615.html

0 0