Ajax 1.服务器端代码配置测试

来源:互联网 发布:js中split的用法不支持 编辑:程序博客网 时间:2024/05/17 06:31
什么是Ajax呢,AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),

内翻译常为“阿贾克斯”和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的服务端取得并且可以被动态地写入网页中,给缓慢的Web应用体验着色使之像桌面应用一样。

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。简而言之,XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。

Ajax对服务器没什么要求,可以为Java EE应用程序,.NET应用程序和其他类型的应用程序服务。可以通过Ajax,可以编写javascript代码来改进HTML,创建出丰富的交互性用户体验。


以上是一些Ajax的简介,想了解更多,可以百度百科了解一下,在这里,我来做一个简单的Ajax案例。我用的是MyEclipse,若你用的是Eclipse的话,请导入一个javaee.jar包

1.首先创建一个Web工程

2.创建一个类并继承HttpServlet(我的工程类名为:doReg)相关代码如下:

package com.qhs;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class doReg extends HttpServlet {//无参构造方法public doReg(){   super();}//doGet方法public void doGet(HttpServletRequest request,HttpServletResponse response){response.setContentType("text/html;charset=UTF-8");PrintWriter out = null;try { out = response.getWriter();String uname = request.getParameter("uname");//判断boolean uExists = false;if("qhs".equals(uname)){uExists = true;out.print(uExists);}else{out.print(uExists);}} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();}finally{out.flush();out.close();}}//doPost方法public void doPost(HttpServletRequest request,HttpServletResponse response){doGet(request,response);}}
3.配置web.xml。代码如下:

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">  <servlet>    <servlet-name>doReg</servlet-name>    <servlet-class>com.qhs.doReg</servlet-class>  </servlet>  <servlet-mapping>    <servlet-name>doReg</servlet-name>    <url-pattern>/Servlet/doReg</url-pattern>  </servlet-mapping>  <welcome-file-list>    <welcome-file>index.jsp</welcome-file>  </welcome-file-list></web-app>
4.接下来我们配置一下Tomcat,在Tomcat安装目标中,找到conf下的server.xml.在最后中的<Host>内添加代码 

<Context path="AjaxTest" docBase="D:\MyEclipse 10\src\AjaxTest\WebRoot"/>    源代码如下:

 <Host appBase="webapps" autoDeploy="true" name="localhost" unpackWARs="true">    <Context path="AjaxTest" docBase="D:\MyEclipse 10\src\AjaxTest\WebRoot"/>  </Host>
path内指定的是你的项目名称。而docBase内指的是你项目的存放绝对路径,(这个路径就是你用Myeclipse或Eclipse创建项目后的项目存放位置,)
5.接下来我们来运行Tomcat(记得要把项目加载进去Tomcat中)。然后在URL中输入:    http://localhost:8080/AjaxTest

查看一下项目在Tomcat中是否运行成功。显示Tomcat界面说明运行成功(Tomcat可以查询相关知识)成功后,我们输入以下URL

http://localhost:8080/AjaxTest/Servlet/doReg?uname=qhs

界面中显示为true时,说明成功。

http://localhost:8080/AjaxTest/Servlet/doReg?uname=1111

界面中显示为flase


0 0