大家都知道,可以用表单把JSP页面的值提交到后台,但是还有另外一种方式,就是用AJAX(异步刷新技术)把JSP页面提交到后台,今天我就给大家讲讲如何用AJAX(异步刷新技术)把JSP页面提交到后台,他们两个其实是一起用的,你不用AJAX的时候你的表单里面只能有一个提交按钮,多个的话就无法区分,所有就有了AJAX(异步刷新技术),使用AJAX(异步刷新技术)的话就可以有多个按钮了。

首先介绍一下AJAX,在我的理解中,它是一种异步刷新技术,可以用来把JSP页面的值提交到后台,就跟<form>表单提交是差不多的,使用AJAX时需要用到JQuery。

    下面给大家举一个例子告诉大家怎么使用AJAX(异步刷新技术)来把JSP页面的值提交到后台:



   首先还是要新建一个<form>表单,里面放文本输入框以及提交按钮,action参数=的Servlet现在不用写,等下直接写在AJAX(异步刷新技术)里面,然后在老师登录那里定义一个id选择器等下在JQuery里面选择它,要是有多个按钮的话就可以写多个选择器:

jsp request 异步 jsp页面异步页面刷新_异步刷新

然后写AJAX(异步刷新技术):

第一步:用一个选择器选择刚才定义的ID选择器然后使用Click单击事件调用Function函数:

$(#teacher).click(function(){

第二步:获取你所填写的表单对应的值,然后用一个变量接收:

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里面的内容。

})

})