表单提交的几种方式form/ajax

1.form表单提交

//action代表跳转的路径    method是post方式提交
<form action="form_action.asp" method="post">
  <p>姓名: <input type="text" name="name"  id="name"/></p>
  <p>密码: <input type="text" name="password"  id="password"/></p>
  <input type="submit" value="提交" />
</form>

2.ajax方式提交：

//获取当前项目名称路径（http://localhost:8080/ssm/）
function getRootPath() {
    var pathName = window.location.pathname.substring(1);
    var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
    return window.location.protocol + '//' + window.location.host + '/' + webName + '/';
}

//注册提交
function register(){
	var name=document.getElementById("name").value;		//获取表单姓名
	var pwd=document.getElementById("pwd").value;		//获取表单密码
	var pwd1=document.getElementById("pwd1").value;		//获取表单密码
	
	if(pwd==pwd1){							//判断第一次输入的密码和第二次是否一致
		$.ajax({								        //ajax提交
			type:"POST",								//post方式
			url:getRootPath()+"register.do",			//请求路径
			dataType:"json",							//json格式，返回的数据类型
			data:{										//发送给控制器（controller）的数据
				name:name,
				pwd:pwd,
			},
			success:function(result,testStatus){		//result代表从后台controller的return值，但是前台controller需要@ResponseBody注解
				if(result == true){						//判断返回的数据是否为true
					alert("注册成功");
					window.location.href=getRootPath()+"indexs.do";	//成功后跳转到其他页面
				}else if(result == false){		
					alert("该用户名已存在，注册失败！！");
				}
			}
		});
		
	}else {
		alert("两次密码不一致");
	}	
}

function findChannelNameExport(){
	var url = "/cloud/ChannelReturnRate/findChannelNameExport?channelName=";	//url
	var channelName=document.getElementById("channelName").value;				//参数
	var date=$("#attYearMonth").datetimebox("getValue").replace("-","");		//参数
	url = url+channelName+"&&date="+date; 										//拼接
	window.location.href=getCommonUrl(encodeURI(url));							//调用
}