form表单提交和ajax表单提交的区别

form表单提交和ajax表单提交的区别:

1.ajax在提交,请求,接收时,都是异步进行的,网页不需要刷新。
from表单提交时是新建一个页面,哪怕是提交给自己本身的页面,也是需要刷新的。
2.ajax在提交时,是在后台新建一个请求。
from表单趋势放弃本页面,再次申请。
3.ajax必须使用js来实现,不启用js的浏览器,无法完成操作。
from是浏览器的功能,无论是否开启js,都可以提交表单。
4.ajax在提交,请求,接收时,整个过程都是需要使用程序来对其数据进行处理。
from提交时,是根据你的表单结构自动完成,不需要代码干预。

AJAX方式异步提交数据
以登录的方式举例:

$("#btn").click(function(){
     
		//定义两个变量,获取name和password的值
		var name = $("#name").val();
		var password = $("#password").val();
		$.ajax({
     
			//提交的地址
			url:"/test/LoginServlet",
			//表示是异步还是同步,true表示异步
			async:true,
			//提交的类型
			type:"post",
			//数据区域
			data:{
     
				name:name,
				password:password
			},
			//成功执行
			success:function(data){
     
				if(data ==1){
     
					alert("登录成功");
				}
			},
			//失败执行
			error:function(error){
     
				alert("请求失败");
			}
		})
	})

你可能感兴趣的:(html5,css3,javascript)