jquery动态无刷新

 

//添加 
function save(){
 var roleName = $("#txtRoleName").val();
 var comment = $("#txtComment").val();
 if(roleName == ""){
  alert("角色名称不能为空！");
  return false;
 }
 var reg = new RegExp("^[0-9a-zA-Z\u4e00-\u9fa5_]+$");
    
 if (roleName.match(reg) == null) {
  alert("部门名称只能输入数字、字母、汉字、下划线！");
  roleName.focus();
  return false;
 }
 if(comment.length>50){
  alert("备注信息最好不要超过50个字");
  return false;
 }
 //$("#form").serialize();
 var handles = $("input:checked,input[class='subVal'],textarea");
 $.ajax({
  type:"post", //表单提交类型
  url:"role.do?method=addRole", //转到action地址
  data: handles, //数据源
  dataType:"text", //数据类型
  success:function(data){  //操作成功函数
   alert("添加成功");
   document.frmMain.action = "role.do?method=displayRole";
   document.frmMain.submit();
  }
 });
}

优点：使用该方法程序异步执行，达到无刷新效果，给客户友好的体验。