大家都知道ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。

1.使用CSS和XHTML来表示。

2. 使用DOM模型来交互和动态显示。

3.使用XMLHttpRequest来和服务器进行异步通信。

4.使用javascript来绑定和调用。

--------------------------------------------------------------------------------------------------------------------------------------------------

在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经得到了广泛使用的，XMLHttpRequest虽然目前还没有被W3C所采纳，但是它已经是一个事实的标准，因为目前几乎所有的主流浏览器都支持它。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
var boo=false;
function sub(){
if(boo){
var f = document.getElementById("f1");
f.submit();
}
}
function val(obj){
var name = obj.value;
//alert(name);
if(name!=null){//按理还应该防护空串
document.getElementById("regName").value=name;
}
//document.getElementById("ff1").submit();
ff1.submit();//可以直接用id号来访问页面中的元素对象---该句等价于var f = document.getElementById("f1");
}

function back(res){
if(res==1){
boo = false;
msg.innerHTML="该用户名已存在,请换一个!";
}else{
boo = true;
msg.innerHTML="恭喜,该用户名可以注册!";
}
}
</script>

</head>

<body>
<h2>注册页面的表单验证----Ajax原理技术演示</h2>

<form id="f1" action="<%=path%>/RegServlet" method="post"><!--通过写一个RegServlet的java代码-->
Name:<input type="text" name="name" onblur="val(this);"/>
<label id="msg" style="color:red;"></label>
<br/>
Pwd:<input type="password" name="pwd"/><br/>
Tel:<input type="text" name="tel"/><br/>
QQ:<input type="text" name="qq"/><br/>
<input type="button" onclick="sub();" value="注册">
</form>

<!-- 专用于帮我们进行ajax提交用户名的小表单 -->
<form target="df" id="ff1" action="<%=path%>/ValServlet" method="post"><!--target必须是name属性，否则 不会显示 -->
<!--
<input id="regName" type="text" name="name" />
-->
<input id="regName" type="hidden" name="name" /><!--hidden是一个隐藏帧-->
</form>

<iframe name="df" > <！-- <iframe name="df" style="display:none; >这里是不展示出来-->
</iframe><!-- iframe标签是画中画-->

</body>
</html>

-----以上代码是通过在下面专门写一个ajax提交表单来验证信息的准确性来通过java代码重定向到另一个jsp页面中显示来显示信息--------------------------

ajax技术的基本概述的更多相关文章

  1. Ajax 技术一

    一.Ajax概述 1.历史起源 1998年,微软公司Outlook Web Access研发小组在当时的IE浏览器中集成了一种技术,可以在客户端无刷新的前提下向服务器端发送Http请求,这门技术称之为 ...

  2. 通用技术 ： 异步调用 - Ajax技术

    Ajax技术概述

  3. ajax技术基础详解

    一.概述 1.什么是ajax 可以与服务器进行[异步]交互的技术,浏览器无需刷新 2.什么时候出现ajax? -- XMLHttp 微软 1999年微软公司发布IE5版本,内嵌了ajax技术 什么时候 ...

  4. php与ajax技术

    web2.0的到来,ajax逐渐成为主流,什么是ajax,ajax的开发模式,优点,使用技术.(ajax概述,ajax使用的技术,需要注意的 问题,在PHP应用ajax技术的应用) 什么是ajax,a ...

  5. 使用ajax技术实现txt弹出在页面上

    使用ajax技术实现txt弹出在页面上   使用ajax技术实现点击按钮,将TXT文本里的内容通过弹出框显示到页面上 /*事件会在页面加载完成后触发.*/ <script> window. ...

  6. 《所用到的AJAX技术基础》

    来自百度网页,w3cshool网页:AJAX = Asychronous JavaScript and XML,翻译成中文为:异步的JavaScript XML. 异步的意思就是不重新加载整个页面,后 ...

  7. Ajax技术

    1.ajax技术的背景 不可否认,ajax技术的流行得益于google的大力推广,正是由于google earth.google suggest以及gmail等对ajax技术的广泛应用,催生了ajax ...

  8. Ajax技术详解

    Ajax技术:Ajax描述了一种主要使用脚本(JS)操纵HTTP的web应用架构,它的主要特点是使用脚本操纵HTTP和web服务器进行数据交换,不会导致页面重载.Ajax的核心是JS的XMLHttpR ...

  9. Java之Ajax技术

    ajax(asynchronouse javascript and xml) 异步的javascript 和 xml(现在常把xml换成json): ajax是2005年提出的,在2006,2007年 ...

随机推荐

  1. C#排序算法的比较

    首先通过图表比较不同排序算法的时间复杂度和稳定性. 排序方法 平均时间 最坏情况 最好情况 辅助空间 稳定性 直接插入排序 O(n2) O(n2) O(n) O(1) 是 冒泡排序 O(n2) O(n ...

  2. JAVA web选型

    Web服务器是运行及发布Web应用的容器,只有将开发的Web项目放置到该容器中,才能使网络中的所有用户通过浏览器进行访问.开发Java Web应用所采用的服务器主要是与JSP/Servlet兼容的We ...

  3. CodeForces 450

    A - Jzzhu and Children Time Limit:1000MS     Memory Limit:262144KB     64bit IO Format:%I64d & % ...

  4. C#基础回顾：正则表达式

    C#基础回顾:正则表达式 写在前面:本文根据笔者的学习体会结合相关书籍资料对正则表达式的语法和使用(C#)进行基本的介绍.适用于初学者. 摘要:正则表达式(Regular Expressions),相 ...

  5. Datatable转换成List实体对象列表 几个实例

    一, /// <summary> /// 将Datatable转换为List集合 /// </summary> /// <typeparam name="T&q ...

  6. SQL Server查询性能优化——创建索引原则（一）

    索引是什么?索引是提高查询性能的一个重要工具,索引就是把查询语句所需要的少量数据添加到索引分页中,这样访问数据时只要访问少数索引的分页 就可以.但是索引对于提高查询性能也不是万能的,也不是建立越多的索 ...

  7. NOIP2001 Car的旅行路线

    题四 Car的旅行路线(30分) 问题描述 又到暑假了,住在城市A的Car想和朋友一起去城市B旅游.她知道每个城市都有四个飞机场,分别位于一个矩形的四个顶点上,同一个城市中两个机场之间有一条笔直的高速 ...

  8. iOS真机调试——申请开发者证书

    申请开发者证书 知道了什么是证书,我们现在就开始申请证书了 1. 找到KeyChain钥匙串,在Mac应用里可以找到 2. 在钥匙串的菜单中选择从证书颁发机构请求证书,填写邮件地址,选择储存到磁盘,放 ...

  9. HW3.3

    import java.util.Scanner; public class Solution { public static void main(String[] args) { Scanner i ...

  10. SQLite 在Windows Server 2008 R2 部署问题FAQ汇总[轉]

    轉自:http://www.steveluo.name/sqlite-windows-server-2008-r2-deploy-faq/ 今天花了一天的时间研究了一下SQLite,以取代一些轻量级项 ...