码迷,mamicode.com
首页 > Web开发 > 详细

jquery动态刷新局部表单

时间:2015-04-09 21:27:33      阅读:608      评论:0      收藏:0      [点我收藏+]

标签:

想实现一个效果就是选择某个年份:然后再action中按该年份查找数据库中的数据,返回到页面表单中显示。

1.添加登记年度的changge事件,也是异步请求。

$(document).ready(function ()
        {
             $("#registYear").change(function() {
               $.ajax({
                   // 后台处理程序
                   url : "FindThesis.action",
                   // 数据发送方式
                   type : "post",
                   // 接收数据格式
                   dataType : "json",
                   // 要传递的数据
                   data : "registYear="+$("#registYear").val(),
                   // 回传函数
                    timeout:20000,// 设置请求超时时间(毫秒)。  
                    error: function () {//请求失败时调用函数。  
                        alert("请求失败");
                    },  
                    success:function(data){ //请求成功后回调函数。
                        //location="person-thesis.jsp";
                        //alert(data.htmlData);
                        $("#thesisList").append(data.htmlData);
                   }
           }); 
        }); 
     }); 

注意:这里的dataType要用json。 

技术分享

2.在Action中定义一个htmlString字符串。并添加get set方法。因为这样可以在success:的data数据中得到Action返回的数据。

然后再Action中拼接htmlString字符串:

List<PersonThesis> list = personThesisBiz.findByRegistYear(application.get("id").toString(), registYear);

        if(list.size()>0)
        {
            PersonThesis personThesis ;
            StringBuffer buffer = new StringBuffer();
            buffer.append("<tr class=\"demo\"><td>");
            for(int i=0;i<list.size();i++)
            {
                personThesis = list.get(i);
                buffer.append(i+"</td><td>"+personThesis.getThesisName()+"</td><td>"+personThesis.getThesisQuality())
                .append("</td><td>"+personThesis.getJournal()+"</td><td>"+personThesis.getNum()+"</td><td>")
                .append(personThesis.getTime()+"</td><td>"+personThesis.getThesisType()+"</td><td>")
                .append(personThesis.getGrade()+"</td><td>"+personThesis.getRemark()+"</td>")
                .append("<td><a href=\"FindThesis.action?index="+i+ " id=\"thesis\">编辑</a></td>")
                .append("<td><a href=\"FindThesis.action?index="+i+" id=\"thesis\">删除</a></td></tr>");
            }
            htmlData = buffer.toString();

3.在struts.xml中配置该action时,配置方式如下:

<package name="programInjection" extends="json-default">
        <action name="FindThesis" class="stdu.edu.cn.web.action.FindThesisAction" method="find">
            <result type="json"></result>
        </action>
        
    </package>

4.在返回成功时,动态添加行,就可以了

 

jquery动态刷新局部表单

标签:

原文地址:http://www.cnblogs.com/zhangyongJava/p/4411072.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!