AJAX(异步刷新技术)
2018-01-13 18:49
260 查看
大家都知道,可以用表单把JSP页面的值提交到后台,但是还有另外一种方式,就是用AJAX(异步刷新技术)把JSP页面提交到后台,今天我就给大家讲讲如何用AJAX(异步刷新技术)把JSP页面提交到后台,他们两个其实是一起用的,你不用AJAX的时候你的表单里面只能有一个提交按钮,多个的话就无法区分,所有就有了AJAX(异步刷新技术),使用AJAX(异步刷新技术)的话就可以有多个按钮了。
第一步:用一个选择器选择刚才定义的ID选择器然后使用Click单击事件调用Function函数:
第二步:获取你所填写的表单对应的值,然后用一个变量接收:
第三步:开始编写AJAX:
})
})
首先介绍一下AJAX,在我的理解中,它是一种异步刷新技术,可以用来把JSP页面的值提交到后台,就跟<form>表单提交是差不多的,使用AJAX时需要用到JQuery。 下面给大家举一个例子告诉大家怎么使用AJAX(异步刷新技术)来把JSP页面的值提交到后台: 首先还是要新建一个<form>表单,里面放文本输入框以及提交按钮,action参数=的Servlet现在不用写,等下直接写在AJAX(异步刷新技术)里面,然后在老师登录那里定义一个id选择器等下在JQuery里面选择它,要是有多个按钮的话就可以写多个选择器:
然后写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里面的内容。
})
})
相关文章推荐
- Ajax(asp.net)技术实现异步刷新和控件功能示例流程
- 基于AJAX实现异步刷新技术
- AJAX(异步刷新技术)
- ajax:局部刷新技术,异步请求技术
- Java项目(1)——采用Ajax异步交互技术验证用户代码是否重复
- ajax异步刷新得到json数据
- 基于PHP的AJAX技术实现文件异步上传
- 使用ajax技术无刷新动态调用股票信息(改良版)
- 使用ajax技术无刷新动态调用股票信息(追加分时图显示)
- ajax struts action异步请求返回提示刷新
- 使用AJAX技术做一个无页面刷新的会员登录功能--解决中文乱码
- ajax异步刷新例子—播放视频
- 用AjaxPro实现无刷新翻页效果及数据库分页技术介绍
- 用AJAX编写用户注册实例及技术小结(局部刷新)
- JQuery与Ajax实现异步局部刷新
- Ajax+Js+Dom+Json无刷新分页技术
- .net Ajax无刷新技术
- 落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
- AJAX异步刷新-----判断用户名是否可用,预览头像
- Ajax异步无刷新更新局部数据