ajax文档中心

//==================>【index.jsp】===============================
<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<% String path=request.getContextPath();   %>
<%@page import="com.sinoest.dfrf.orm.pojo.Mainmenu"%>
<%@page import="com.sinoest.dfrf.orm.pojo.Menucontent"%>
<% List<Mainmenu> mmlist = (List<Mainmenu>)request.getAttribute("mmList");
if(mmlist==null){   mmlist=new ArrayList(); } %>
<% List<Menucontent> mclist = (List<Menucontent>)request.getAttribute("mcList");
if(mclist==null){   mclist=new ArrayList(); } %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>二级菜单</title>
<script type="text/javascript">
     var req;
     window.onload=function()
     {//页面加载时的函数
   &nb ......

Ajax 给 XMLHttpReq.onreadystatechange传递参数
通过：
xmlhttp.onreadystatechange= function(){xx(123)};
or
xmlhttp.onreadystatechange= new Function("xx(123)");
就可以了。
m=document.getElementsByName("text8");
v=m[i];
XMLHttpReq.onreadystatechange=function(){proce(v)};
----------------------------------------------
function proce(v)
{
    if(XMLHttpReq.readyState==4)
    {
     if(XMLHttpReq.status==200)
     {
     var res=XMLHttpReq.responseXML.getElementsByTagName("content")[0].firstChild.data;
     v.value=res;
     }
     else
     {
      v.value='....';
     }
    }
} ......

Dojo1.3.x
的
Ajax
示例
整理人：黄诚
QQ
群：
65643887
这篇文章主要是帮助对
Dojo
感兴趣的朋友们快
速实现网站上的例子。
http://sitepen.com/labs/guides/?guide=DojoQuickStart#Ajax
它教程分了
3
部分，其中的例子不容易
上手。我这里提供一个打包文件
AjaxWithDojo.war
下面我将详细说明操作步骤，及对应语法解释：
配置环境：
eclipse 3.4.x, tomcat6.x,
AjaxWithDojo
.war,Dojo1.3.x

配置运行环境。
第一步：导入
AjaxWithDojo.war
File
-> Import -> Web ->
WAR file
WAR file: Bowse..
中找到
AjaxWithDojo.war
点
Finish
就可以在
Eclipse
中看见我们
的刚才的导入的例子。
展开后我们可以看到它的目录结构如下图：
图表
1
.1
第二步启动它。
选择
skeleton.tml
右
击
Run As -> Run On
Server
在
How
do you want to select the server?
选择
Manually define a new server
在
Server
name:
中填写
AjaxWithDojo
Server runtime environment:
选择
Tomcat v6.0 Server
如果没有的配置的话，就在后面的
Add…
那里增加一个。
如下图
2.

&n ......

现在刚刚看一些关于Ajax的一些知识点。把它写下来，作为知识的备忘录！

以下纯属个人理解！！！

1. Ajax分为页面部分（前端），和后台处理部分（后端，servlet）；

2. 页面：创建XmlHttpRequest对象，不同的浏览器，所支持的XmlHttpRequest对象不通；
    页面：建立发送函数   XmlHttpRequest.open("GET", url, true);
                                  XmlHttpRequest.onreadystatechange = processResponse;
                                  XmlHttpRequest.send(null); //XmlHttpRequest.send("uname=" + "lc")

    在open函数，第一个参数：代表请求的方法，有两种，一种是get，令一种是post
   &nbs ......

-------------------------jsp中的js代码--------------------
<script type="text/javascript">
  function ajaxFunction(sort){
   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)
       ......

Thickbox

-
基于
jQuery
，支持 AJAX，轻量级的而且比较高效。支持图片与HTML内容。大小约为
40k，目前还可作为 WordPress
的插件使用。这个js的优点在于与，父级的原页面滚动条随鼠标滚动的时候，弹出的层并不移动，而始终处于浏览器的固定位置。

GreyBox

- 创建 iframe 的弹出界面，可使用图片、HTML 及
URL，大小约为 20k。
这个弹出层效果有固定
位置与随父级的滚动条滚动两种模式。
GreyBox Redux

- 基于 jQuery，比 GreyBox 更轻。
这个js的的弹出效果
增加了自上而下缓慢滑出的效果。
Lightbox
v2.0

- 最初是为了显示图片设计的，使用了
prototype 和 sciptaculous，所以有些沉重，但对于图片来说很好用。
缺点就是弹出层出来
后，滚动鼠标滚轮，父级页面与弹出内容同事随着滚动条，只有点击关闭按钮才能关闭弹出层，对于弹出图片较大的时候，用户体验方面相对比较不友好，需要移动
页面找到关闭按钮才行。
Lightbox Gone Wild

-
modal 模式窗口的 lightbox，可使用 html、表单及图片，也是基于 prototype 的。
这个效果的好处在于，
弹出内容是图片时，点击图片本身既可以关闭弹出层，非常方便。
Multi-f ......

ajax jsp二级联动下拉框 select框

ajax jsp二级联动下拉框 select框

Ajax 给 XMLHttpReq.onreadystatechange传递参数

Dojo1.3.x的Ajax示例

对Ajax的一些浅显理解

ajax连动下拉菜单

12个优秀的javascript(ajax)弹出层

12个优秀的javascript(ajax)弹出层