[size=medium][/size]
客户端 jsp界面
<%@ page contentType="text/html; charset=gb2312"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>ajax 入门示例</title>
<script language="javascript">
var http_request = false;
function send_request() {
http_request = false;//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { //Mozilla 浏览器
http_request = new XMLHttpRequest();
;
}
else if (window.ActiveXObject) { // IE浏览器
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
http_request.onreadystatechange =function () {
if (http_request.readyState == 4&&http_request.status == 200) { // 判断对象状态及是否成功返回
alert(http_request.responseText);
}
}
http_request.open("get","hh.jsp",true);//
http_request.send();
}
</script>
</head>
<body>
<form name="form1" method="post" >
用户名
<input name="username" type="text" id="username" size="20">
mima
<input name="password" type="password" id="password" size="20">
<input type="button" name="Submit" onclick="send_request()" value="提交">
</form>
</body>
</html>
服务器端jsp界面 hh.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
out.println("succeeed:" );
%>
弹出 succeeed的提示窗 证明 异步通信成功!!!
分享到:
相关推荐
第一天的学习内容主要涉及对Ajax的整体认识。了解Ajax是如何将传统的Web界面转变为具有更高响应性和互动性的应用程序。在传统Web应用中,用户与服务器的交互通常是单向的,即用户提交表单后,服务器处理请求并返回一...
本项目实例是“微信商城小程序源码”,旨在为开发者提供一个完整的纯前端项目,适合于进行毕业设计或者作为学习微信小程序开发的基础。 这个项目涉及到的技术栈主要包括: 1. **CSS**:层叠样式表(Cascading ...
第1章就将指导你完成第一个Android程序。第2章回过头来介绍Android的基本概念和原理。第3章探讨用户界面,也就是大多数Android程序中最重要的部分。 致谢 我要感谢为本书成功出版做出贡献的许多人,包括审稿人...
【标签】"基于WEB"强调了课程内容与Web技术相关,"基础"意味着它将涵盖Web开发的基本原理和实践,"浙江大学(1)"则表明这是浙江大学提供的一个初级课程,可能是系列课程的第一部分,适合初学者入门。 【压缩包子文件...
创建第一个 IntraWeb 应用程序非常简单: 1. **新建项目**:打开 Delphi IDE,选择“新建” > “其他…” > “IntraWeb” > “Web 应用程序”,然后点击“确定”。 2. **设计界面**:在设计界面中添加所需的组件,...
##### 1.3 我的第一个 Intraweb 程序 - **新建项目**:在 Delphi 中选择“File”>“New”>“Other”,然后选择“Intraweb Application”。 - **设计界面**:利用 IDE 提供的设计工具,拖拽组件到界面上。 - **编写...
《PHP入门到精通第四版》是一本针对初学者和进阶者精心编写的教程,旨在帮助读者全面掌握PHP网络开发的核心技术。这本书以其通俗易懂的语言和实例丰富的讲解,为学习PHP的人们提供了宝贵的资源。 PHP(Hypertext ...
- **AJAX技术**:学习如何使用异步JavaScript和XML(AJAX)技术与服务器进行后台数据交换,提高Web应用的响应速度。 - **框架和库**:熟悉流行的前端框架(如React、Vue)和库(如jQuery),以便更快地开发复杂应用...
学习指南可能会讲解如何设置开发环境、创建第一个ExtJS应用、理解和使用基本组件如窗口、面板、表格等,同时也会涵盖数据绑定和远程数据加载(如Ajax)的概念。 "ExtJS入门教程(超级详细).pdf"是一个深入的初学者...
2、为网页指定标题 - 我的第一个HTML文档 3、指定网页的字符编码格式为 utf-8 4、在 body 中 输出一句话 "我的第一HTML页面" 5、设置 body text为red,bgcolor为yellow 3、文本 1、特殊文本的实现 页面的空格...
- **简单性**:JavaScript的简单性体现在其设计简洁,变量类型宽松,适合初学者快速上手。 - **安全性**:JavaScript具有内置的安全机制,如限制对本地文件系统的访问,保护服务器端数据安全。 - **动态性**:...
标题"(Framework7 移动webapp) Springboot 入门培训 7 页面路由跳转.zip"表明这是一个关于使用SpringBoot框架构建移动Web应用程序的入门教程,重点聚焦在第七部分——页面路由跳转。这里的"Framework7"是一个流行的...
#### 第一讲:JavaScript语言概况 - **互联网背景**:随着互联网的兴起,人们的工作与生活方式发生了根本性的转变。互联网以其互联性、开放性和共享信息的特点打破了传统信息传播的局限,为全球用户提供了全新的...
HTML5是超文本标记语言(HyperText Markup Language)的第五个主要版本,它不仅改进了原有的HTML标准,还引入了大量的新特性,使得开发者能够构建更加丰富的网络应用程序。这些新特性包括但不限于多媒体支持、离线...
### 如何学习制作网页——入门知识 随着互联网技术的发展,网页设计已经成为了一个非常热门的职业领域。对于初学者来说,掌握一些基本的网页制作技能是非常重要的。根据提供的信息,我们可以总结出以下关键知识点:...
学习如何创建和使用这些元素是入门的第一步。例如,`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`等新元素提供了更好的语义化结构,使页面内容更易理解和组织。 接着,HTML5的多媒体支持...
《JavaScript入门到精通》第二版,出自清华大学出版社,是一本深受初学者和进阶者欢迎的教材。本课程PPT旨在系统地教授JavaScript的核心概念、语法特性以及实际应用,帮助学习者从零基础逐步提升到精通。 1. **基础...
【标题】"Local-Train-Ticketing-System:我们的第一个Web应用程序项目"是一个入门级的Web开发实践,旨在帮助初学者构建一个基本的在线火车票预订系统。这个项目可能涵盖了一系列的技术和概念,包括前端界面设计、...
GWT Spring 使得在 Spring 框架下构造 GWT 应用变得很简单,提供一个易于理解的依赖注入和RPC机制。 Java扫雷游戏 JVMine JVMine用Applets开发的扫雷游戏,可在线玩。 public class JVMine extends java.applet....