前两天做项目涉及到局部刷新界面的问题,需要用到ajax传值,并且动态刷新,这里演示的是签到传值,用到的web框架是SSH,即ajax 传值到后端,用Struts2接收,话不多说,上代码
//HTML界面代码:
function checkin(obj){ var id = obj; var url22 = 'http://'+window.location.host+'/IISMP/checkinAction'; $.ajax({ type:'POST', //用POST方式传输 url:url22, //目标地址 datatype:"id", data:{ "id":id }, cache:false, success:function(data) { var str = eval("("+data+")"); alert(str.message); var checkinfo = ''; }, error:function(data) { alert("操作失败,请刷新后重新操作!!"); } }); }
到这里,html文件和js文件都写好了,下面是后端接收前端传来的id号
Struts.xml文件的配置
(再次之前需要导入一个json的jar包,在javaEE中传json值导入这几个包最方便了,这里方便读者学习在下面已经上传了需要的包了)
commons-beanutils-1.7.jar
commons-collections.jar
commons-lang.jar
commons-logging-1.1.1.jar
ezmorph.jar
json-lib-2.2.2-jdk15.jar
后端.java文件接收
private int id; public int getId(){ return id; } public void setId(int id){ this.id = id; } public void checkinAction() throws Exception{ HttpServletResponse response = ServletActionContext.getResponse(); PrintWriter out = response.getWriter(); //接收id并根据id做一些操作数据库的操作 ....... JSONObject json = new JSONObject(); json.put("message", "签到成功!!"); out.print(json); out.flush(); out.close(); }