知道ajax后第一个超级简单的入门程序 - my life - ITeye博客

`

IT少年

浏览: 73955 次
性别:
来自: 北京

最近访客更多访客>>

dongguangming88

乌托邦之爱

背着家走

mamacmm

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

IT少年： zhizhen23 写道大神，关于$("body t ...
jquery 中 first 与 first-child选择器的区别
zhizhen23：大神，关于$("body table:first-c ...
jquery 中 first 与 first-child选择器的区别
zhu1033527427：刚刚在学这个知识点，看了你的这篇文章，有一个地方不明白，那个b ...
jquery 中 first 与 first-child选择器的区别
chenzheng8975： var obj=$('#'+id);
标签id 是个字符串变量，如何用jquery取得
背着家走：开完会我要好好的看一下这篇文章，先支持一下~！
ajax post或者get 传参时中文问题

知道ajax后第一个超级简单的入门程序

博客分类：

jquery+ajax

ajax入门超级简单 ajax+jsp

阅读更多

[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的提示窗证明异步通信成功！！！

分享到：

freemarker 初步认识 | 标签id 是个字符串变量，如何用jquery取得

2011-12-02 15:22
浏览 929
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

四天学会Ajax入门速成教程(一个高手写的超经典): 第一天的学习内容主要涉及对Ajax的整体认识。了解Ajax是如何将传统的Web界面转变为具有更高响应性和互动性的应用程序。在传统Web应用中，用户与服务器的交互通常是单向的，即用户提交表单后，服务器处理请求并返回一...

微信小程序项目实例-微信商城小程序源码纯前端项目: 本项目实例是“微信商城小程序源码”，旨在为开发者提供一个完整的纯前端项目，适合于进行毕业设计或者作为学习微信小程序开发的基础。这个项目涉及到的技术栈主要包括： 1. **CSS**：层叠样式表（Cascading ...

Android程序设计基础: 第1章就将指导你完成第一个Android程序。第2章回过头来介绍Android的基本概念和原理。第3章探讨用户界面，也就是大多数Android程序中最重要的部分。　致谢　我要感谢为本书成功出版做出贡献的许多人，包括审稿人...

基于WEB程序设计基础-浙江大学(1): 【标签】"基于WEB"强调了课程内容与Web技术相关，"基础"意味着它将涵盖Web开发的基本原理和实践，"浙江大学(1)"则表明这是浙江大学提供的一个初级课程，可能是系列课程的第一部分，适合初学者入门。【压缩包子文件...

Delphi(7 和2006、2007) 下用 IntraWeb开发WEB程序应用实战: 创建第一个 IntraWeb 应用程序非常简单： 1. **新建项目**：打开 Delphi IDE，选择“新建” > “其他…” > “IntraWeb” > “Web 应用程序”，然后点击“确定”。 2. **设计界面**：在设计界面中添加所需的组件，...

PHP入门到精通第四版: 《PHP入门到精通第四版》是一本针对初学者和进阶者精心编写的教程，旨在帮助读者全面掌握PHP网络开发的核心技术。这本书以其通俗易懂的语言和实例丰富的讲解，为学习PHP的人们提供了宝贵的资源。 PHP（Hypertext ...

ExtJs4学习文档资料: 学习指南可能会讲解如何设置开发环境、创建第一个ExtJS应用、理解和使用基本组件如窗口、面板、表格等，同时也会涵盖数据绑定和远程数据加载（如Ajax）的概念。 "ExtJS入门教程(超级详细).pdf"是一个深入的初学者...

html入门到放弃笔记: 2、为网页指定标题 - 我的第一个HTML文档 3、指定网页的字符编码格式为 utf-8 4、在 body 中输出一句话 "我的第一HTML页面" 5、设置 body text为red，bgcolor为yellow 3、文本 1、特殊文本的实现页面的空格...

JAVA上百实例源码以及开源项目源代码: 多人聊天+用户在线 21个目标文件摘要:JAVA源码,媒体网络,山寨QQ,Java聊天程序 Java编写的山寨QQ，多人聊天+用户在线，程序分服务端和客户端，典型C/S结构，当用户发送第一次请求的时候，验证用户登录，创建一个该...

HTML5入门HTML5入门: - 2008年1月22日，第一份正式草案发布。 - 标准制定预计到2012年完成，但实际上直到2014年10月才最终定稿。 #### 浏览器支持情况目前主要浏览器均支持HTML5，包括： - Firefox - Chrome - Opera - Safari（版本4及...

(Framework7 移动webapp) Springboot 入门培训 7 页面路由跳转.zip: 标题"(Framework7 移动webapp) Springboot 入门培训 7 页面路由跳转.zip"表明这是一个关于使用SpringBoot框架构建移动Web应用程序的入门教程，重点聚焦在第七部分——页面路由跳转。这里的"Framework7"是一个流行的...

JavaScript_深度剖析(从入门到精通): #### 第一讲：JavaScript语言概况 - **互联网背景**：随着互联网的兴起，人们的工作与生活方式发生了根本性的转变。互联网以其互联性、开放性和共享信息的特点打破了传统信息传播的局限，为全球用户提供了全新的...

HTML5新手入门指南: HTML5是超文本标记语言（HyperText Markup Language）的第五个主要版本，它不仅改进了原有的HTML标准，还引入了大量的新特性，使得开发者能够构建更加丰富的网络应用程序。这些新特性包括但不限于多媒体支持、离线...

如何学习制作网页，入门知识: ### 如何学习制作网页——入门知识随着互联网技术的发展，网页设计已经成为了一个非常热门的职业领域。对于初学者来说，掌握一些基本的网页制作技能是非常重要的。根据提供的信息，我们可以总结出以下关键知识点：...

html5移动开发入门经典教材pdf，包含中文与英文版本: 学习如何创建和使用这些元素是入门的第一步。例如，`<header>`、`<nav>`、`<section>`、`<article>`、`<aside>`和`<footer>`等新元素提供了更好的语义化结构，使页面内容更易理解和组织。接着，HTML5的多媒体支持...

JavaScript入门到精通课程PPT: 《JavaScript入门到精通》第二版，出自清华大学出版社，是一本深受初学者和进阶者欢迎的教材。本课程PPT旨在系统地教授JavaScript的核心概念、语法特性以及实际应用，帮助学习者从零基础逐步提升到精通。 1. **基础...

Local-Train-Ticketing-System:我们的第一个Web应用程序项目: 【标题】"Local-Train-Ticketing-System:我们的第一个Web应用程序项目"是一个入门级的Web开发实践，旨在帮助初学者构建一个基本的在线火车票预订系统。这个项目可能涵盖了一系列的技术和概念，包括前端界面设计、...

Global site tag (gtag.js) - Google Analytics