1、概念
Ajax不是一种新的编程语言, 而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。
2、使用原因
传统的网页(即不用ajax技术的网页) , 想要更新内容或者提交一个表单, 都需要重新加载整个网页。
使用Ajax技术的网页,通过在后台服务器进行少量的数据交换, 就可以实现异步局部更新。
3、验证码,前端代码
<script src="js/jQuery.js"></script>
<script type="text/javascript">
$(function(){
//实现点击更换图片
$("#imgCode").click(function(){
$(this).attr("src","${pageContext.request.contextPath}/codeImage.action?"+new Date());
});
//点击登录时
$("#loginBtn").click(function(){
if($("#username").val()==""){
alert("用户名不能为空");return;}
if($("#password").val()==""){
alert("密码不能为空");return;}
if($("#code").val()==""){
alert("验证码不能为空");return;}
//通过ajax获取数据
$.ajax({
type:"POST",
url:"${pageContext.request.contextPath}/codeValue.action",
success:function(returnDate){
if($("#code").val().toLowerCase()