`

Ajax与Servlet ,Tomcat结合分析与测试

阅读更多
<script type='text/javascript'>
		//实现功能,对用户名是否被注册进行验证
		//验证时间onblur
		//服务器是tomacat与servlet结合作为服务器端
		//浏览器在ff与chrome下测试,版本应就是近期才装的
		//服务器端假设各位已会
		
		//ajax函数
		var ajax=function(url){
			var xhr=null;
			if(window.XMLHttpRequest){
				xhr=new XMLHttpRequest();
			}else{
				xhr=new ActiveXObject("Microsoft.XMLHTTP");
			}
			xhr.open("get", url, true);
			xhr.send();
			xhr.onreadystatechange=function(){
				if(xhr.readyState==4 && xhr.status==200){
					//console.info(xhr.responseText);
					//console.info(xhr.responseXML);//为null
					alert(xhr.responseText);
				}
			};
		};
		window.onload=function(){
			var oInputs=document.getElementsByTagName('input');
			var url="AjaxServlet?userName="+oInputs[0].value;
			oInputs[0].onblur=function(){
				
				ajax(url);
			};
		};
	</script>
  </head>
  
  <body>
  	<form action="">
  		 userName<input type="text" name="userName"/><br/>
    		 password<input type='text' name="passWord"/>
   </form>
  </body>

 

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {

		response.setContentType("text/html");
		response.setCharacterEncoding("UTF-8");
		String s1=request.getParameter("userName");
		if(s1.equals("userName")){
			PrintWriter out = response.getWriter();
			out.print("名字相同111");
			out.flush();
			out.close();
		}else{
			PrintWriter out = response.getWriter();
			out.print("success");
			out.flush();
			out.close();

		}
	}

 

 <servlet>
    <description>This is the description of my J2EE component</description>
    <display-name>This is the display name of my J2EE component</display-name>
    <servlet-name>AjaxServlet</servlet-name>
    <servlet-class>hyl.AjaxServlet</servlet-class>
  </servlet>

  <servlet-mapping>
    <servlet-name>AjaxServlet</servlet-name>
    <url-pattern>/AjaxServlet</url-pattern>
  </servlet-mapping>	
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>

   //给上结果图

 

  • 描述: 结果图
  • 大小: 237.2 KB
分享到:
评论

相关推荐

    tomcat-servlet-ajax最基础例子

    public class AjaxServlet extends HttpServlet { protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/...

    基于Ajax和servlet的网页聊天工具

    在这个项目中,Tomcat作为运行环境,承载了Servlet的运行,并提供了与前端Ajax交互的接口。 网页聊天工具的前端主要依赖于JavaScript和jQuery库。JavaScript是网页开发的主流语言,用于实现动态效果和用户交互;...

    ajax+servlet登陆

    在Web开发中,Ajax(Asynchronous JavaScript and XML)与Servlet技术的结合被广泛用于构建动态、交互性更强的用户界面。本项目“ajax+servlet登陆”着重探讨如何利用这两种技术实现一个无需刷新整个页面即可完成...

    JavaWeb入门(学生管理系统前后端开发,ajax+servlet+tomcat+vue+maven+mysql...)

    2. **Ajax**(异步JavaScript和XML):Ajax允许网页不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。在学生管理系统中,这可以实现如无刷新地查询、添加、修改和删除学生信息等功能,提升用户体验。 ...

    ajax+servlet+jsp登录web小程序

    6. **测试与调试**:部署项目到Tomcat服务器,尝试进行登录和注册操作,检查日志,对可能出现的错误进行调试,确保功能完整且无误。 通过这个项目,你可以学习到如何结合Ajax、Servlet和JSP实现前后端交互,以及...

    ajax异步文件上传,servlet处理

    综上所述,AJAX异步文件上传结合Servlet处理为用户提供了一种无刷新、直观的文件上传体验。理解并掌握这一技术,对于构建高性能、用户友好的Web应用至关重要。在实际开发中,还应关注性能优化、安全性控制等方面,以...

    探讨Ajax与Java Servlet之间的数据传输(一)

    Ajax与Java Servlet的结合使用,使得Web应用可以实现无刷新的交互,提高了用户体验。通过XMLHttpRequest对象,我们可以向Servlet发送请求并处理响应数据。同时,Servlet则负责处理这些请求,执行服务器端的业务逻辑...

    Servlet及Ajax数据交互

    总结起来,Servlet和Ajax的结合使得Web应用能够实现更高效、更友好的用户体验。Servlet负责处理服务器端的业务逻辑,而Ajax则负责在客户端与服务器之间异步通信,确保页面无需完全刷新即可获取和更新数据。这种技术...

    Eclipse平台下的 Servlet AJAX代码实例.rar

    在JSP页面中,AJAX通常与JavaScript库(如jQuery)结合使用,通过XMLHttpRequest对象向服务器发送异步请求,并处理返回的数据。 本项目“Eclipse平台下的Servlet AJAX代码实例”提供了一个实际操作的例子,帮助...

    Gson, XML结合Ajax(结合servlet技术)

    结合上述技术,"Gson与Ajax"的组合常用于前端通过Ajax异步请求后端服务,后端使用Servlet处理请求,并通过Gson将Java对象转化为JSON响应给前端。这种方式提高了用户体验,因为页面无需完全刷新就能获取和显示新数据...

    struts2+jquery+ajax+servlet

    Struts2、jQuery、Ajax和Servlet是Web开发中常见的技术栈,它们共同构建了动态、交互式的用户界面。本文将详细解析这些技术及其在给定示例中的应用。 首先,Struts2是一个基于MVC(Model-View-Controller)设计模式...

    ajax + servlet 实现可以辅助输入的input

    这次发的这个是:ajax + servlet实现类似GOOGLE的提示.辅助输入 看到大家对AJAX的热情那么高,这个经典的文件就免费发布啦! 注:里面文件都做好了,直接放在TOMCAT,RESIN下运行就OK啦!!

    简单的AJAX示例(JSP+servlet)

    在Java web应用中,这个jar文件通常是Tomcat等应用服务器的一部分,用来支持Servlet的运行。 总结来说,"简单的AJAX示例(JSP+servlet)"是一个演示了如何利用AJAX、JSP和Servlet来实现异步用户名验证的应用。它涉及...

    testAjax测试ajax

    【标签】"ajax"、"java"和"tomcat"进一步强调了这个项目是关于使用Java后端技术和AJAX技术在Tomcat服务器上的结合应用。Java后端通常负责处理业务逻辑、数据库操作等,通过Servlet或Spring MVC等框架响应AJAX请求。...

    ajax+jsp+servlet 中文解决方法

    Ajax(Asynchronous JavaScript and XML)用于在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容,从而提升用户体验。JSP(JavaServer Pages)是一种动态网页技术,用于生成HTML、XML或其他格式的文档。...

    购物网站servlet和ajax的结合

    所用技术:jsp/servlet,html,javascript,struts,hibernate,css,div 开发工具:myeclipse,tomcat,oracle10g 项目描述:实现网上购物 主要工能:用户登录,用户的注册,商品的分页显示,商品的模糊查询,

    jsp+servlet+ajax实现的超市管理系统

    5. 部署和测试:将项目打包成WAR文件,部署到支持Servlet和JSP的Web服务器(如Tomcat),运行SQL脚本初始化数据库,然后进行功能测试和性能优化。 总的来说,"jsp+servlet+ajax实现的超市管理系统"是一个结合了前后...

    Jquery $.ajax 请求部署在 Tomcat报HTTP 406上解决方法

    3. **调整客户端Accept头**:确认$.ajax请求中的`dataType`是否与服务器支持的Content-Type匹配。如果服务器只能提供XML响应,而你设置了`dataType: 'json'`,则会导致406错误。 4. **查看服务器日志**:通过查看...

    java的Servlet测试demo

    Java的Servlet技术是Web开发中的核心部分,它主要用于构建动态网站和web应用程序。Servlet是一个Java类,它扩展了服务器的...在实际开发中,Servlet通常与其他技术如JSP、Spring MVC等结合使用,以实现更复杂的功能。

    servlet+mysql+jsp+ajax 注册 登陆 查询 修改 的简单demo

    总的来说,这个项目展示了如何结合Servlet、MySQL、JSP和Ajax构建一个基本的用户管理系统,提供了从后端到前端的完整流程,对于初学者理解和掌握Web开发技术有着很好的实践价值。通过深入研究这个示例,你可以了解到...

Global site tag (gtag.js) - Google Analytics