博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
struts2中使用ajax so easy!!!
阅读量:6974 次
发布时间:2019-06-27

本文共 4143 字,大约阅读时间需要 13 分钟。

在struts2中使用ajax是非常简单的,并且借助ajax就更加简单了,废话不多说,直接上代码吧:

一般我们在操作删除,修改等操作时,一般需要进行两次操作,一次是具体的操作,另一次是页面的加载,一次一般都是要传入两个action的

//删除试题: 批量删除function deleteSub(delTagAction,listTagAction){//得到当前的页码    var currentPage=$("#currentPage").val();//以下是得到选中的复选框    var ids=new Array();    if($("input[name='id']:checked").size()==0){        alert("请选择需要删除的题目!");        return false;            }    $("input[name='id']:checked").each(function(i,obj){        ids[i]=$(obj).val();    });    var idStr=ids.join("-");    $.ajax({        url:delTagAction,        data:{            sendTime:(new Date()).getTime(),            idStr:idStr        },        type:"post",        async:false,        dataType:"json",        success:function(data){            if(data.success){                $("#middle").load(listTagAction,                        {                            sendTime:(new Date()).getTime(),                            currentPage:currentPage                        }                )                alert("删除成功!!!");            }else{                alert("删除失败,请联系开发人员!!!");            }        }    });}

页面根据事件来调用该ajax就可以了,传入的两个参数分别是1.删除操作的action 2.操作成功后要加载的页面action

struts.xml:

/WEB-INF/admin/加载页面
/WEB-INF/responseMsg.jsp

删除操作的action:(里面的response就是一个字符串,可以更换其他名字)

//删除单选题    public String deleteSing(){        try{            singleSubService.deleteSingleSub(idStr);        //删除            response="{success:true}";        }catch(Exception e){            response="{success:false}";            e.printStackTrace();        }        return SUCCESS;    }

操作成功后会回到struts2.xml中,页面先回到/WEB-INF/responseMsg.jsp,这个jsp只是间接输出消息的

<%@ taglib prefix="s" uri="/struts-tags"%><% response.setCharacterEncoding("UTF-8"); %><% System.out.println(response); %>

 

另外一种提交方式就是,使用submit提交整个表单(form)使用ajax

表单代码如下:

当前操作:信息管理——>添加学生信息
操作明细 写入 操作明细 写入
学生姓名: 学生性别:  男      女
学生学号: 所属专业:
专业学制: 学生籍贯:
入学年份: 毕业年份:
工作省市:   *省+市[如浙江杭州] 工作单位:
工作岗位: 职务职称:
办公电话: 手机号码:
QQ号码: 电子邮箱:
通信地址: 家庭地址:
头像上传:

调用到的js:

function checkAdd(form){    var options = {             dataType: 'json',            success: inforAddResponse     };    $("#inforAddForm").ajaxSubmit(options);     return false;}//回调function inforAddResponse(responseText){  alert(responseText.msg);}

后台的操作时一样的

 

 

转载地址:http://vresl.baihongyu.com/

你可能感兴趣的文章
MySQL使用可重复读作为默认隔离级别的原因
查看>>
【工具使用系列】关于 MATLAB 径向基神经网络,你需要知道的事
查看>>
让我们一起Go(十一)
查看>>
关于USB数据存储这一块的技术问题
查看>>
创建第一个Azure Liunx虚拟机
查看>>
unstrict模式
查看>>
提高red5性能几个配置。
查看>>
tab键技巧小结
查看>>
数据库管理中文件的使用
查看>>
计算机英语单词汇总
查看>>
TCP、UDP和HTTP详解
查看>>
MYSQL数据库设计规范与原则
查看>>
chrome贴吧插件——源代码
查看>>
201621123048《Java程序设计》第六周学习总结
查看>>
Eclipse快捷键大全(转载)
查看>>
python压缩文件脚本
查看>>
把Catalina的字符串格式转化为日期格式
查看>>
【语法】NSMutableString的用法
查看>>
前端知识点总结(html+css)部分
查看>>
VI/VIM 编辑器
查看>>