ajax 基础 0 突破
最近一段时间用jquery，感觉效果挺好的，对此感兴趣。jquery里面有一个最重要的就是ajax的应用，看来我这里也得从头学学ajax的基础知识，不然看juqery的代码，也比较的费劲。
好，这里就写些测试代码。希望和我一样的新手能多多探讨。
========================ajax笔记=================
Ajax组成：
1 JavaScript;
2 CSS（页面样式）;
3 DOM（页面局部管理）;
4 xmlHttpRequest（异步对象）;
5 异步对象链接服务器;
var xmlHttp;
var xmlhttpObj = ["MSXML2.XmlHttp.5.0","MSXML2.XmlHttp.4.0","MSXML2.XmlHttp.3.0","MSXML2.XmlHttp","Microsoft.XmlHttp"];//为的是ie fireFox兼容
function createXMLHttpRequest(){
if(window.ActiveXObject){
for(i=0;i<xmlhttpObj.length;i++)
{ s
xmlHttp = new ActiveXObject(xmlhttpObj[i]);
if(xmlHttp)
{
break;
}
alert(xmlhttpObj[i]);
}
}
else if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
alert("暂时不能创建XMLHttpRequest对象");
}
return xmlHttp?xmlHttp:false;
}
======================================================================
xmlHttp.open("GET","AjaxTest.action",true); //"GET"传值方法，"AjaxTest.action"异步请求的地址，true表示异步
请求
判断交互状态：
onreadystatechange事件
xmlHttp.onreadystatechange=function(){ //服务器状态发生变化时调用此函数。
if(xmlHttp.readyState==4&&xmlHttp.status==200) //判断异步交互是否成功
//do something
}
send()发送
xmlHttp.send(null); //get方法只需send（null） post 就需要将传的参数写到里成 例子：xmlHttp.send(parmaters);
=================================================
jsp页面代码：
ajaxTest:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans
相关文档：
利用AJAX动态获取当前时间，客户端time.php,服务器端time_check.php
客户端代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......
ajax实现将鼠标放到图标上，下方会显示和该图有关的信息
客户端代码mouseover.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=" ......
Ajax.js
// AJAX类
function AJAXRequest() {
var xmlObj = false;
var CBfunc,ObjSelf;
ObjSelf=this;
try { xmlObj=new XMLHttpRequest; }
catch(e) {
try { xmlObj=new ActiveXObject("MSXML2.XMLHTTP"); }
catch(e2) {
try { xmlObj=new ActiveXObject("Microsoft.XMLHTTP"); }
catch(e3) { ......
转：http://hi.baidu.com/playkk/blog/item/9b5f99952fb4c94fd0135e0c.html
1、Ajax.net 做为Ajax技术在dotNet 框架下的实现，作者Michael Schwarz采取了一种封装效果相当棒的技术：将客户端处理XML、事件调用方式都封装在2个Javascript文件中（AjaxPro.prototype.js 和AjaxPro.core.js），同时将这2个重要文件以资源的� ......
