<form action="" method="post" id="form1" name="pageInfo">
<table>
<tr>
<td>用户名:<input type="text" id="user_name" name="user_name" ></td>
<td>性别:<input type="text" id="sex" name="sex" ></td><tr>
<td>证件号:<input type="text" id="idCord" name="idCord" ></td>
<td><input type="button" value="提交" οnclick="ajaxJson();"></td>
</tr>
</table>
<font color="red"><div id="test"></div></font>
</form>
//调onclick触发函数
function ajaxJson(){
//拼接JSON对象
var jsonStr = {
"user_name":encodeURI($('#user_name').val()) , //这是中文需要编码,不然会是乱码
"sex":$('#sex').val() ,
"idCord":$('#paper_type').val(),
} ;
//掉的Action方法/JAVA方法.我这是任意一个HTML都可调我这个方法
var ipUrl = "http://localhost:8008/sweb/netrecruit/netRecruitController.do?method=saveRecruitRecotd";
$.ajax({
type: "post",
url: ipUrl,
data : jsonStr,
async : false, //这是通过同步,true 就是异步
success: function (result){
//result就是返来来的结果,恭喜您注册成功!用户名为+user_name
var json = eval(result);
document.getElementById("test").innerHTML = json; //这句话是把反回来的值输入到页面<div>层。
}
});
}
//这是我Action里的方法 我用的是Struts1
public ActionForward saveRecruitRecotd(ActionMapping mapping,ActionForm form,
HttpServletRequest request,HttpServletResponse response){
S_student_record pageInfo = (S_student_record) BeanUtil.fillBean(S_student_record.class, request);
try {
//把用户名set进去,解码。因为这是中文需要解码,数字,英文就不需要再set
pageInfo.setuser_name(java.net.URLDecoder.decode(pageInfo.getuser_name() , "UTF-8"));
//保存 对应的实体类我就没有显示给您看了,相信你也知道,就三字段 user_name ,sex ,idCod
netRecruitService.saveRecruitRecotd(pageInfo);
//最后把JAVA值转换JSON对象传到页面
List<String> list = new ArrayList<String>();
list.add("恭喜您注册成功!用户名为:"+pageInfo.getUser_name());
JSONArray jsonArray = JSONArray.fromObject(list);
response.setContentType("text/html;charset=UTF-8");
response.getWriter().print(jsonArray);
response.getWriter().flush();
response.getWriter().close();
} catch (Exception e) {
log.error("保存信息失败!"+e);
}
return null;
}
最后所用到的所有包下载:http://download.csdn.net/detail/zengzhaowu313/5698759
学习分享必看:javacto.taobao.com