form表单 VS ajax

简介：

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()方法重新加载当前文档。