ajax文档中心

<html>
<head>
<title>new ajax</title>
<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body{
margin-top:50px;
}
.MyDiv{
font-size:12px;
border:1px solid #DDD;
background-color:#FFD;
margin:2px;
width:200px;
}
</style>
</head>
<body onload="getResponse()">
<mce:script language="javascript"><!--
var xmlhttp;
//通过一下的方式确保在不通的浏览器中都能够声明XMLHttpRequest对象.
try{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp=new ActiveXObject("Microsoft.XHLHTTP");
}catch(e){
try{
xmlhttp=new XMLHttpRequest();
}catch(e){}
}
}
function getResponse(){
//构造函数URL，传送一个本地时间。
var dateObj=new Date();
var url="Response.php?time="+ ......

工具:myeclipse 6.5
json中文官方：http://www.json.org/json-zh.html
新建项目webs，在WebRoot下新建目录json
xml的解析方式:
------------------------------------------------------------------
1.新建NewFile.xml
<?xml version="1.0" encoding="UTF-8"?>
<userinfo>
    <name>kava</name>
    <city>wuhan</city>
    <tel>88768675</tel>
</userinfo>
2.新建xml_1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>xml</title>
    <script type="text/javascript">
        var xmlHttp;
        function showDetails() {
            xmlHttp = GetXmlHttpObject();
          &nbs ......

环境：Ajax+JSP，Tomcat5.05
参考：http://www.w3cschool.cn/index-24.asp.htm
文件：testAjax.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<mce:script type="text/javascript"><!--
function ajaxFunction(){
var xmlHttp;
try{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}catch (e){
// Internet Explorer
try{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}catch (e){
try{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}catch (e){
alert("您的浏览器不支持AJAX！");
return false;
}
}
}
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4){
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","time.jsp",true);
xmlHttp.send(null); ......

JavaScript 简单理解Ajax异步调用操作的文章。
文章地址：http://www.soaspx.com/dotnet/ajax/javascript/javascript_20090915_349.html
这篇文章是理解Ajax技术的简单例程，挺简明扼要，很容易理解。
Ajax提供与服务器异步通信的能力，借助于Ajax，可以在用户单击按钮时，使用JavaScript和 DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。示例代码如下：
简单示例代码
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
        <script type="text/javascript">
        var XmlHttp=new ActiveXObject("Microsoft.XMLhttp");

        function sendRequest()
  & ......

目的：通过一个线程，判断SESSION是否过期，如果过期，调用客户端页面的JS，把信息推给客户端。
我们要让DWR程序支持反向AJAX。需要在web.xml中DWRServlet里添加一个初始化参数，另外要配置一个监听器，在适合的时候关闭线程。
如下是web.xml中的配置
<listener>
        <listener-class>
                org.directwebremoting.servlet.EfficientShutdownServletContextAttributeListener
       </listener-class>
</listener>
<listener>
    <listener-class>org.directwebremoting.servlet.EfficientShutdownServletContextListener</listener-class>
</listener>
<listener>
    <listener-class>CheckSessionDwrServletContextListener</listener-class>
</listener>
<servlet>
        <servlet-name>dwr-invoker</servlet-name&g ......

jquery中已经封装了ajax的过程，使用起来很简单：
通过get方式提交：
<html>
<head>
    <title>实现服务器时间实时变化</title>
    <script language="javascript" type="text/javascript" src="js/jquery-1.3.1.js"></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function(){
            $("#gettime").click(function(){
                    setInterval(function(){getcurtime()},1000);//settimeout和setinterval都是延迟一秒执行，但是settimeout不会每隔一秒执行一次，而setinterval可以实现
                });
           });
      & ......

接触Ajax的第一个实验Hello Word

AJAX使用json解析与使用xml解析的比较

AJAX使用json解析与使用xml解析的比较

简单Ajax与JSP相结合页面

简单Ajax与JSP相结合页面

JavaScript 简单理解Ajax异步调用操作

JavaScript 简单理解Ajax异步调用操作

DWR 反转AJAX 单线程控制SESSION

jquery+ajax+json+asp.net学习笔记（一）

jquery+ajax+json+asp.net学习笔记（一）