简介:
1、form表单提交是向后台提交数据的一种方式,action用来设置url,method用来设置http请求的方式。
<form action="form_action.asp" method="get" οnsubmit="">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2、ajax异步请求方式
ajax首先要通过js获取到用户输入的内容。然后可以对输入的内容进行ajax请求发送到后台进行一个验证,验证完毕后把结果返回给前台,这就验证通过。
$.ajax({
type : "POST",
url : "http://localhost:8080/jxdpfqzzp/interfaces/identityController/disableIdentity.do",
data : {
disCard : dcsid
},
dataType : "json",
success : function(res1) {
console.log(res1)
if (res1.succ) {
alert("信息检验通过1111");
/* window.location.href = "persionRegister.jsp";*/
window.location.href="persionRegister";
} else {
alert("信息检验失败,请输入有效的信息");
window.location.href="persionRegister";
}
},
error : function(result) {
console.log(result);
alert("信息检验失败");
}
});
区别:
1、ajax在提交/接收 请求时都是异步进行的,网页不需要刷新。
2、form表单提交,哪怕提交给自己本身的页面,都是需要刷新的
3、ajax必须引入js来实现,不启用js的浏览器无法提交表单,而form是浏览器的功能,无论js开启与否,都可以提交表单。
4、form和ajax最大的区别就是:form需要刷新页面,但ajax在不刷新页面的情况下可以执行提交数据请求,如果需要在ajax提交数据成功后刷新页面,可以调用window对象的Location属性的load()方法重新加载当前文档。