`

基于JSP的AJAX

阅读更多
其实,AJAX有它的优点,同样也有它的缺点。它一般用在用户不想等待返回结果的时候和复杂的UI上;其他时候,我们还是可以使用Struts等常规方法。
    一句话,不要为了使用AJAX而使用AJAX,而是要在适合于使用AJAX的地方使用AJAX

输入校验,当在申请用户的时候,需要去数据库对该用户进行唯一性确认。
这种校验需要访问后台数据库,但不希望用户在这里提交后等待,所以使用AJAX。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<title>Check.html</title>  
  
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">  
<meta http-equiv="description" content="this is my page">  
  
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->  
  
</head>  
<script type="text/javascript"> 
  var http_request = false;
  function send_request(url){//初始化、指定处理函数、发送请求的函数
    http_request = false;
    //开始初始化XMLHttpRequest对象
    if(window.XMLHttpRequest){//Mozilla浏览器
      http_request = new XMLHttprequest();
      if(http_request.overrideMimeType){//设置MiME类别
        http_request.overrideMimeType("text/xml");
      }
    }else if(window.ActiveXObject){//IE浏览器
      try{
        http_request = new ActiveXObject("Msxml2.XMLHTTP");//针对较新的浏览器
      }catch (e){
        try{
          http_request = new ActiveXObject("Microsoft.XMLHTTP");//老版本浏览器
        }catch(e){}
      }
    }
    if(!http_request){
      window.alert("不能创建XMLHttpRequest对象实例");
      return false;
    }
    http_request.onreadystatechange = processRequest;
    //确定发送请求的方式和URL以及是否同步执行下段代码
    http_request.open("GET",url,true);
    http_request.open.send(null);
  }
  //处理返回信息的函数
  function processRequest(){
    if(http_request.readyState == 4){//判断对象状态
      if(http_request.status == 200){//信息已经成功返回,开始处理信息
        alert(http_request.responseText);
      }else{
        alert("您所请求的页面有异常");
      }
    }
  }
  function userCheck(){
    var f = document.form1;
    var username = f.username.value;
    if(username==""){
      window.alert("The user name can not be null");
      f.username.focus();
      return false;
    }else{
      send_request('check1.jsp?username='+username); 
    }
  }

</script>
<body>
<form name="form1" action="" method="post">
User Name:<input type="text" name="username" value="">&nbsp;
<input type="button" name="check" value="check" 
onClick="userCheck()">
<input type="submit" name="submit" value="submit">
</form>
</body>
</html> 


处理逻辑JSP
<%@ page contentType="text/html; charset=gb2312" language="java" errorPage="" %>  
  <% 
  String username = request.getParameter("username");
  if("educhina".equals(username)) out.print("用户名已经被注册");
  else out.print("用户名尚未被使用,可以继续");
分享到:
评论

相关推荐

    基于jsp+servlet+ajax的图书管理系统.zip

    基于jsp+servlet+ajax的图书管理系统基于jsp+servlet+ajax的图书管理系统 基于jsp+servlet+ajax的图书管理系统基于jsp+servlet+ajax的图书管理系统 基于jsp+servlet+ajax的图书管理系统基于jsp+servlet+ajax的图书...

    基于JSP+AJAX的类百度搜索动模糊查询

    基于JSP+AJAX的类百度搜索动模糊查询 该资源主要讲述了使用JSP、AJAX和Servlet技术来实现类似百度的模糊查询功能。 JSP页面分析 在JSP页面中,我们可以看到主要的HTML结构和JavaScript代码。HTML结构主要包括一个...

    基于JSP+Ajax+MyEclipse 2015 Java聊天室软件源码+说明文档.zip

    基于JSP+Ajax+MyEclipse 2015 Java聊天室软件源码+说明文档 通过本课程设计的实践及其前后的准备与总结,复习、领会、巩固和运用软件工程课堂上所学的软件开发方法和知识,以此来完成Java聊天室的分析、设计、编码、...

    基于JSP的教学管理系统(Ajax,MySql数据库,Jsp,Servlet)

    综上所述,这个基于JSP的教学管理系统是一个典型的B/S架构应用,融合了前端的Ajax技术,后端的Java Servlet处理,以及MySQL数据库存储,实现了教育管理过程中的多角色协同工作,提供了便捷、高效的管理服务。

    基于jsp的AJAX版CD管理系统-ajaxcd.zip

    基于jsp的AJAX版CD管理系统是一种功能强大的系统,可以让用户方便地管理他们的CD合集。该系统使用Ajax技术,使用户能够快速地添加、编辑和删除CD,而不需要刷新页面。此外,该系统还具有搜索和排序功能,使用户可以...

    基于jsp+servlet+Ajax异步登陆模拟web项目

    【基于jsp+servlet+Ajax异步登陆模拟web项目】是一个典型的Web开发实例,它整合了三种核心技术:JavaServer Pages(JSP)、Servlet以及Asynchronous JavaScript and XML(Ajax)。这个项目的核心目的是实现用户登录...

    jsp Ajax图片上传

    这些资源可以作为学习和开发的参考,帮助开发者理解并实现基于JSP和Ajax的图片上传功能。在实际应用中,开发者还需要考虑安全问题,如防止CSRF攻击,以及性能优化,如文件切片上传、进度条展示等。

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统.zip

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp...

    基于JSP的网上商城

    【基于JSP的网上商城】是一个使用Java Server Pages(JSP)技术开发的电子商务平台,旨在提供全面的在线购物体验。JSP是一种动态网页开发技术,它允许开发者将Java代码嵌入到HTML或XML文档中,以实现服务器端的数据...

    (基于JSP的完整java毕业设计)AJAX版CD管理系统-ajaxcd(附源码)

    (基于JSP的完整java毕业设计)AJAX版CD管理系统_ajaxcd(附源码)(基于JSP的完整java毕业设计)AJAX版CD管理系统_ajaxcd(附源码)(基于JSP的完整java毕业设计)AJAX版CD管理系统_ajaxcd(附源码)(基于JSP的...

    JSP页面中模糊查询 基于Ajax技术

    【实现步骤】实现基于Ajax的JSP模糊查询,主要涉及以下步骤: 1. 设计用户界面,包括输入框和列表框。 2. 编写JavaScript函数,如createRequest(),用于创建XMLHttpRequest对象。 3. 编写search函数,监听输入框的...

    基于jsp+servlet+ajax的web聊天室

    使用数据库保存聊天记录;使用session页面限制访问;使用application显示在线人名字列表;...双人聊天为login.jsp。在注册以后均可以登陆系统进行聊天。 最新加入了收到消息MSN消息提示,以及任务栏文字提示等。

    JSP 基于Ajax的分页列表.rar

    Ajax内容分页 JSP代码实例,JSP 基于Ajax的分页列表,将所获取的新闻列表填充到页面的相应位置,实现上一页、下一页、最末页、首页的分页结构,ajax_func.js为主要实现ajax功能的JS文件,代码截图如图所示。

    jsp-Ajax_Login_songxv7_jsp_

    "jsp" 标签明确了这是与JavaServer Pages(JSP)相关的代码,这是一种基于Java的动态网页技术,用于构建和运行服务器端的Web应用程序。 【压缩包子文件的文件名称列表】"log" 可能是指包含日志记录的文件,通常用于...

    基于JSP的宠物管理系统

    《基于JSP的宠物管理系统详解》 在信息技术领域,开发一个功能完善的系统是提升技能、实践理论的重要方式。本文将围绕“基于JSP的宠物管理系统”这一主题,深入解析其核心技术栈,包括JSP(JavaServer Pages)、SSH...

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统1

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统3

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统2

    基于JSP JSTL Ajax Spring Hibernate的用户管理系统

    基于jsp的bbs论坛 非常详细

    【基于jsp的bbs论坛 非常详细】 在IT领域,BBS(Bulletin Board System,电子公告板)是一种常见的在线讨论平台,用户可以在此发布主题、回复他人的话题,进行交流与分享。本项目是一个基于Java技术栈,特别是使用...

    jsp+AJAX(实验).rar

    **JSP** 是一种基于Java的服务器端脚本语言,它允许开发者在HTML或XML文档中嵌入Java代码,用于生成动态网页。JSP的主要优点包括代码分离、可重用性以及易于维护。在JSP中,可以创建JavaBean来封装业务逻辑,JSP页面...

Global site tag (gtag.js) - Google Analytics