<%@ 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" 是初学者进入异步JavaScript和XML(Asynchronous JavaScript and XML)技术领域的起点。Ajax是一种在无需刷新整个网页的情况下,能够更新部分网页的技术,极大地提升了用户体验。...
在本实例中,我们关注的是一个名为"HTML_AJAX-HelloWorld"的压缩包,它包含了使用PEAR(PHP扩展和应用库)中的html_ajax组件实现的一个基本AJAX(异步JavaScript和XML)示例。 首先,让我们理解HTML(超文本标记...
这个“Ajax实现helloworld!实例”是针对初学者的一个项目,旨在帮助他们理解并掌握如何在Eclipse开发环境中,结合Struts框架来运用Ajax技术。下面我们将详细探讨这一主题。 首先,我们需要了解Ajax的基本概念。Ajax...
在这个"HelloWorld1"的例子中,我们将深入理解Ajax的基本工作流程以及涉及到的关键概念。 首先,我们需要监听窗口的`load`事件,当页面加载完成后,执行指定的函数。在这个函数中,我们获取页面上的第一个`<a>`标签...
本教程将详细讲解如何在Visual Studio 2010(VS2010)中创建一个简单的“HelloWorld”WebService。这个过程是开发者入门.NET WebService开发的基本步骤。 首先,启动Visual Studio 2010并创建一个新的项目。选择...
<create class="com.example.HelloWorld" javascript="HelloWorld"> ``` 这段配置表示允许JavaScript创建一个名为`HelloWorld`的对象,并可以调用其中的`getName`方法。 3. **创建Java类**:创建一个名...
- 创建一个HTML文件,例如`HTML_AJAX-HelloWorld.html`: ```html function sayHello() { var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr....
**JSF(JavaServer Faces)入门 HelloWorld 指南** JavaServer Faces (JSF) 是一个用于构建用户界面的 JavaEE 核心技术,它提供了一种声明式的方式来创建 Web 应用程序的用户界面。JSF 提供了一个组件模型,使得...
在"HelloWorld.rar"这个压缩包中,我们很显然会找到一个基础的ExtJS项目,用于初学者学习和理解如何在实践中应用和导入ExtJS组件库。 在深入探讨之前,先来了解一下ExtJS的核心特性。ExtJS 提供了一个丰富的组件...
这个“ajax例子----Hello world”很显然是一个基础的示例,用于展示如何使用Ajax来实现简单的数据交互。下面我们将深入探讨Ajax的核心概念、工作原理以及如何创建一个“Hello, World”级别的Ajax应用。 Ajax的核心...
这个“JSF HelloWorld”示例将帮助我们了解JSF的基础工作原理以及如何开始使用它。我们将探讨以下几个关键知识点: 1. **JSF 概述** JSF 是一种组件驱动的MVC(Model-View-Controller)框架,它简化了创建和维护...
《HelloWorld框架详解——构建前后台交互的基础》 在编程世界中,“Hello, World!”是初学者接触的第一个程序,它标志着编程旅程的开始。而“HelloWorld框架”则是一个简化版的、专用于演示和教学的框架,它帮助...
虽然在描述中未提及,但在实际开发中,你可以通过集成PrimeFaces来增强"HelloWorld"应用的用户体验,例如使用`<p:commandButton>`实现AJAX操作,或使用`<p:dialog>`显示对话框。 **学习资源** 为了深入学习JSF 2.0...
"RAP Helloworld" 是一个初学者入门级别的程序,它标志着你在探索 Rich Ajax Platform(简称 RAP)的旅程已经开始。RAP 是一个强大的、基于 Java 的 Web 应用程序框架,专门设计用于构建富客户端应用程序,其核心是...
通过这个简单的"Dwr+Demo+helloworld"示例,我们了解了DWR的基本工作原理和使用方式。在实际项目中,DWR可以用于更复杂的交互,如数据传递、异步处理等,大大提高了Web应用的用户体验。学习并掌握DWR能帮助开发者更...
例如,`HelloWorld.xhtml`,并在其中编写如下代码: ```html <!DOCTYPE html> xmlns:h="http://xmlns.jcp.org/jsf/html"> <title>Hello World <h1>#{helloBean.message} ``` 这里,`#{helloBean....
在“Dwr helloworld小例子”中,我们可以通过一个简单的项目来学习DWR的基本用法。MyEclipse是一款强大的集成开发环境,特别适合于Java和Web应用的开发,它内置了对DWR的支持。 首先,我们需要在MyEclipse中创建一...
接下来,我们来看看`helloworld.js`文件,它包含了AngularJS应用的逻辑部分: ```javascript var app = angular.module('myApp', []); app.controller('HelloCtrl', function($scope) { $scope.greeting = '你好,...
在这个"DWR.rar dar实现helloworld"项目中,我们很显然会学习如何利用DWR来创建一个简单的“Hello, World”示例。 首先,DWR的"dar"可能指的是DWR Archive,这是一个包含DWR相关配置和类库的打包文件,用于简化部署...
资源名称:Vaadin简介和HelloWorld 中文WORD版内容简介:本文档主要讲述的是Vaadin简介和HelloWorld;Vaadin(芬兰民间传说中的一种神话生物,是女神也是一种山岭驯鹿的神话祖先) 是一款使用 Apache V2 许可协议的...