易截截图软件、单文件、免安装、纯绿色、仅160KB

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实时读取输入文本

 客户端String.php,服务器端String_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="Conten ......

ajax学习录

有关ajax的其实就是1个类的使用:XMLHttpRequest.
首先要声明这个类的对象,鉴于各个浏览器把这个类嵌入的方式不同,声明的方式也不同:
  var xmlHttpReq = null;
if (window.XMLHttpRequest) //Mozilla 浏览器
{
    xmlHttpReq = new XMLHttpRequest();
  }
  else if (window.ActiveXObject) // ......

AJAX实现鼠标悬浮获取值

 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控件UpdateProgress的使用心得

             最近做网站用到了UpProgress控件,所以把遇到的问题和自己的看法写下来,供以后参考,也希望给大家代码帮助。
UpProgress是和UpdatePanel一起使用的。实现效果就是在提交到服务器的时候,显示提示,比如:“数据加载中,请稍微..”给 ......

Ajax简单实例

Ajax,异步JavaScript与XML,是使用客户端脚本与Web服务器交换数据的Web应用开发方法。这样,Web页面不用打断交互流程进行重新加裁,就可以动态地更新。使用Ajax,你可以创建接近本地桌面应用的,直接的、高可用的、更丰富的、更动态的Web用户接口界面。
Ajax处理过程
一个Ajax交互从一个称为XMLHttpRequest的JavaScript ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号