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
相关文档:
1.创建WEB Application工程WebAjax。
2.建立目录文件AjaxCommon.js如下:
// 声明XmlHttpRequest成员变量
var xmlHttpReq_Obj = null;
// 初始化获取XmlHttpRequest对象
///<param>handler :回调函数名</param>
function GetXmlHttpObject(handler) {
var xmlHttpObj = null;
try {
// Microso ......
代码下载:
围绕该 bush 击退停止:AJAX 是可能仅使用一个强的 JavaScript 引擎,可以在客户端浏览器中运行,并提供更高级和异步功能基础的。 JavaScript 库当前包含在 ASP.NET 3.5 SP 1 尝试是一个需要,但不足,将这样的库。 一个功能更强大的 ASP.NET AJAX 平台是必需的的并且它只是被引入了 ASP.NET AJAX 4.0 的 ......
<mce:script type="text/javascript"><!--
var xmlHttp = false;
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
xmlHttp = false;
}
}
if (!xmlHttp & ......
Ajax框架介绍
到此为止,你可能已经注意到,使用Ajax编程时有很多麻烦事。如果你要支持多个浏览器(现在还有谁只支持一个浏览器呢?),无疑会遭遇不兼容问题。单看一个简单的动作,比如说创建XMLHttpRequest对象的一个实例,这需要先进行浏览器测试。一旦开始尝试使用Ajax技术,你很快就会注意到要反复地完成同样的一 ......