web签到的方法-------ajax传值到后端（Struts2）

前两天做项目涉及到局部刷新界面的问题，需要用到ajax传值，并且动态刷新，这里演示的是签到传值，用到的web框架是SSH，即ajax 传值到后端，用Struts2接收，话不多说，上代码

//HTML界面代码：
<div id="checkinid">
<button onclick="checkin(1);">签到</button>
</div>

 

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 = '<button>已签到</button>';
        },
        error:function(data) {
			alert("操作失败，请刷新后重新操作！！");
		}
	});
}

到这里，html文件和js文件都写好了，下面是后端接收前端传来的id号

Struts.xml文件的配置

<action name="checkinAction" class="checkAction" method="checkinAction"></action>

（再次之前需要导入一个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();
}