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=" ......
代码下载:
围绕该 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 & ......
转自http://cnp.blog.ccidnet.com/blog-htm-do-showone-type-blog-itemid-1909185-uid-62827.html
好久没有动ajax了,突然一使用毛病多多,提示Type未定义,Sys未定义,其实这个东西我,以前遇到过,也解决了,时间一长就忘记了。今天就把解决方法写出来和大家分享。
其实很简单,此时我们要做的是在 web ......