大家都知道,可以用<form>表单把JSP页面的值提交到后台,但是还有另外一种方式,就是用AJAX(异步刷新技术)把JSP页面提交到后台,今天我就给大家讲讲如何用AJAX(异步刷新技术)把JSP页面提交到后台,他们两个其实是一起用的,你不用AJAX的时候你的<form>表单里面只能有一个提交按钮,多个的话就无法区分,所有就有了AJAX(异步刷新技术),使用AJAX(异步刷新技术)的话就可以有多个按钮了。
首先介绍一下AJAX,在我的理解中,它是一种异步刷新技术,可以用来把JSP页面的值提交到后台,就跟<form>表单提交是差不多的,使用AJAX时需要用到JQuery。
下面给大家举一个例子告诉大家怎么使用AJAX(异步刷新技术)来把JSP页面的值提交到后台:
首先还是要新建一个<form>表单,里面放文本输入框以及提交按钮,action参数=的Servlet现在不用写,等下直接写在AJAX(异步刷新技术)里面,然后在老师登录那里定义一个id选择器等下在JQuery里面选择它,要是有多个按钮的话就可以写多个选择器:
然后写AJAX(异步刷新技术):
第一步:用一个选择器选择刚才定义的ID选择器然后使用Click单击事件调用Function函数:
$(#teacher).click(function(){
第二步:获取你所填写的<form>表单对应的值,然后用一个变量接收:
var name = $("#username").val();
var pass = $("#password").val();
第三步:开始编写AJAX:
$.ajax({
type : "post", //提交方式有两种,分别是post和get,我们一般使用post形式进行提交,因为post形式较安全。
url : "点击按钮所提交的Servlet",
data : {username : name,password : pass}, //data是一个属性,由于有多个数据所以用大括号包起来,数据之间用逗号隔开,数据以键值对的形式表示。
statusCode : {404 : function() {
alert("找不到该页面");
}
}, //statusCode是状态码,如果报404错误的话,就弹出alert里面的内容。
})
})