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的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象，鉴于各个浏览器把这个类嵌入的方式不同，声明的方式也不同：
var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) // ......
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类
// 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(e ......
一、XMLHttpRequest 对象的方法与属性
方 法
描 述
abort()
停止当前请求
getAllResponseHeaders()
把HTTP请求的所有响应首部作为键/值对返回
getResponseHeader("header")
返回指定首部的串值
open("method", "url")
建立对服务器的调用。method参数可以是GET、POST或PUT。 ......
