`

用ajax做的HelloWorld

    博客分类:
  • ajax
 
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>My JSP 'ajax.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    

	<script type="text/javascript">
		function ajaxSubmit()
		{
			var xmlHttpRequest = null;//声明一个对象以接受XmlHttpRequest对象
			
			if(window.ActiveXObject)//IE浏览器
			{
				xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");					
			}	
			else if(window.XMLHttpRequest)//除IE外的其它浏览器
			{
				xmlHttpRequest = new XMLHttpRequest();
			}
			if(null != xmlHttpRequest)
			{
				xmlHttpRequest.open("GET","AjaxServlet",true);
				//关联好ajax的回调函数
				xmlHttpRequest.onreadystatechange = ajaxCallback;
				
				//真正向服务器发送数据
				xmlHttpRequest.send(null);
			}
			
			
			function ajaxCallback()
			{
				if(xmlHttpRequest.readyState==4){
     				if(xmlHttpRequest.status==200){
     					var responseText = xmlHttpRequest.responseText;
     					document.getElementById("div1").innerHTML = responseText;
     				}
     			}

			}
		}
		
	</script>
	
  </head>
  
  <body>
	<input type="button" value="返回值"  onclick="ajaxSubmit();">
	<div id="div1"></div>
  </body>
</html>

 

package com.javasky.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class AjaxServlet extends HttpServlet {
	
	private static final long serialVersionUID = 1L;

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		PrintWriter out = response.getWriter();
		
		System.out.println("doGet invoked!");
		
		out.println("Hello World");
		
		out.flush();
		
		
		
		
	}
}

 

分享到:
评论

相关推荐

    ajax第一个helloworld

    【标题】"Ajax 第一个 HelloWorld" 是初学者进入异步JavaScript和XML(Asynchronous JavaScript and XML)技术领域的起点。Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页的技术,极大地提升了用户体验。...

    HTML_AJAX-HelloWorld.tar

    在本实例中,我们关注的是一个名为"HTML_AJAX-HelloWorld"的压缩包,它包含了使用PEAR(PHP扩展和应用库)中的html_ajax组件实现的一个基本AJAX(异步JavaScript和XML)示例。 首先,让我们理解HTML(超文本标记...

    Ajax实现helloworld!实例,eclipse+struts+Ajax初学者必看

    这个“Ajax实现helloworld!实例”是针对初学者的一个项目,旨在帮助他们理解并掌握如何在Eclipse开发环境中,结合Struts框架来运用Ajax技术。下面我们将详细探讨这一主题。 首先,我们需要了解Ajax的基本概念。Ajax...

    Ajax的HelloWorld1

    在这个"HelloWorld1"的例子中,我们将深入理解Ajax的基本工作流程以及涉及到的关键概念。 首先,我们需要监听窗口的`load`事件,当页面加载完成后,执行指定的函数。在这个函数中,我们获取页面上的第一个`&lt;a&gt;`标签...

    .Net 中使用WebService HelloWorld

    本教程将详细讲解如何在Visual Studio 2010(VS2010)中创建一个简单的“HelloWorld”WebService。这个过程是开发者入门.NET WebService开发的基本步骤。 首先,启动Visual Studio 2010并创建一个新的项目。选择...

    dwr.jar编写helloworld

    &lt;create class="com.example.HelloWorld" javascript="HelloWorld"&gt; ``` 这段配置表示允许JavaScript创建一个名为`HelloWorld`的对象,并可以调用其中的`getName`方法。 3. **创建Java类**:创建一个名...

    Hello World

    - 创建一个HTML文件,例如`HTML_AJAX-HelloWorld.html`: ```html function sayHello() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....

    jsf 入门 helloWorld

    **JSF(JavaServer Faces)入门 HelloWorld 指南** JavaServer Faces (JSF) 是一个用于构建用户界面的 JavaEE 核心技术,它提供了一种声明式的方式来创建 Web 应用程序的用户界面。JSF 提供了一个组件模型,使得...

    HelloWorld.rar

    在"HelloWorld.rar"这个压缩包中,我们很显然会找到一个基础的ExtJS项目,用于初学者学习和理解如何在实践中应用和导入ExtJS组件库。 在深入探讨之前,先来了解一下ExtJS的核心特性。ExtJS 提供了一个丰富的组件...

    ajax例子----Hello world

    这个“ajax例子----Hello world”很显然是一个基础的示例,用于展示如何使用Ajax来实现简单的数据交互。下面我们将深入探讨Ajax的核心概念、工作原理以及如何创建一个“Hello, World”级别的Ajax应用。 Ajax的核心...

    JSF helloworld

    这个“JSF HelloWorld”示例将帮助我们了解JSF的基础工作原理以及如何开始使用它。我们将探讨以下几个关键知识点: 1. **JSF 概述** JSF 是一种组件驱动的MVC(Model-View-Controller)框架,它简化了创建和维护...

    helloworld框架.rar

    《HelloWorld框架详解——构建前后台交互的基础》 在编程世界中,“Hello, World!”是初学者接触的第一个程序,它标志着编程旅程的开始。而“HelloWorld框架”则是一个简化版的、专用于演示和教学的框架,它帮助...

    jsf2.0版本helloworld

    虽然在描述中未提及,但在实际开发中,你可以通过集成PrimeFaces来增强"HelloWorld"应用的用户体验,例如使用`&lt;p:commandButton&gt;`实现AJAX操作,或使用`&lt;p:dialog&gt;`显示对话框。 **学习资源** 为了深入学习JSF 2.0...

    RAP Helloworld

    "RAP Helloworld" 是一个初学者入门级别的程序,它标志着你在探索 Rich Ajax Platform(简称 RAP)的旅程已经开始。RAP 是一个强大的、基于 Java 的 Web 应用程序框架,专门设计用于构建富客户端应用程序,其核心是...

    dwr+demo+helloworld

    通过这个简单的"Dwr+Demo+helloworld"示例,我们了解了DWR的基本工作原理和使用方式。在实际项目中,DWR可以用于更复杂的交互,如数据传递、异步处理等,大大提高了Web应用的用户体验。学习并掌握DWR能帮助开发者更...

    JSF2.0实战 - 1-3、Hello World,AJAX体验,onPageLoad

    例如,`HelloWorld.xhtml`,并在其中编写如下代码: ```html &lt;!DOCTYPE html&gt; xmlns:h="http://xmlns.jcp.org/jsf/html"&gt; &lt;title&gt;Hello World &lt;h1&gt;#{helloBean.message} ``` 这里,`#{helloBean....

    Dwr helloworld小例子

    在“Dwr helloworld小例子”中,我们可以通过一个简单的项目来学习DWR的基本用法。MyEclipse是一款强大的集成开发环境,特别适合于Java和Web应用的开发,它内置了对DWR的支持。 首先,我们需要在MyEclipse中创建一...

    AngularJS 之Hello World篇

    接下来,我们来看看`helloworld.js`文件,它包含了AngularJS应用的逻辑部分: ```javascript var app = angular.module('myApp', []); app.controller('HelloCtrl', function($scope) { $scope.greeting = '你好,...

    DWR.rar dar实现helloworld

    在这个"DWR.rar dar实现helloworld"项目中,我们很显然会学习如何利用DWR来创建一个简单的“Hello, World”示例。 首先,DWR的"dar"可能指的是DWR Archive,这是一个包含DWR相关配置和类库的打包文件,用于简化部署...

    Vaadin简介和HelloWorld中文WORD版

    资源名称:Vaadin简介和HelloWorld 中文WORD版内容简介:本文档主要讲述的是Vaadin简介和HelloWorld;Vaadin(芬兰民间传说中的一种神话生物,是女神也是一种山岭驯鹿的神话祖先) 是一款使用 Apache V2 许可协议的...

Global site tag (gtag.js) - Google Analytics