首页 - Ajax专区 - 实例应用

Ajax实现放大镜功能说明书

发布时间: 2007-03-19 12:35    作者: 未知    来源: 未知    浏览:    评论

       width:300px;
       border:1px solid #666666;
       }
#go{
       font-weight:bold;
       font-size:75%;
       border:1px outset;
       background-color:#CCFF99;
       }
.notice{
       background-color:#FFFFCC;
       padding:10px;
       font-size:90%;
       }
.copyleft{
       font-size:65%;
       }
3.1.2   当点击放大镜图标时:
var operateType;
function ajaxRequest()
{
   //写入具体放大镜实现类名称,和操作类型。
   queryString = "maginfierClassName=MaginfierExample&operation=select1";
//设置Javascript的操作类型,为传回数据后由哪个具体Javascript函数处理
   operateType = "select1";
   operationRequest(queryString);
}
3.1.3   Js中的处理请求的函数
function operationRequest(queryString) {    
    var url = "/myapp/AjaxMaginfier?" + queryString;          
createXMLHttpRequest();
//指定传回数据后由handleStateChange函数处理。
    xmlHttp.onreadystatechange = handleStateChange;
    xmlHttp.open("GET", url, true);
    xmlHttp.send(null);
}
3.1.4   当数据传回前台后
//该函数的名称不要改变,因为我在js文件中决定了用该函数来处理传回的数据
function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
          //根据操作类型,选择不同的Javascript方法处理。
           if(operateType == "select1")
           {
               selMaker();
           }
           else if(operateType == "select2")
           {
               getMessage();
           }
        }
    }
}
3.1.5   具体处理传回的数据:
function selMaker() {
    //获取从后台传来的文本。  
var responseText = xmlHttp.responseText;
//解析文本
    var rows = responseText.split(";");  
    var option = null;
    var _t=[];

TAG

Smile Big Smile Surprise Stick out tongue Wink Sad Tongue Tied Indifferent Crying Embarrassed Cool Angry Angel Devil [8-|] [:#] [:-*] [:^)] [<:o)] [|-)] Yes Beer Left Hug Music Star Time Snail Pizza Automobile Umbrella Computer Storm [mo] [8o|] [^o)] [+o(] [*-)] [8-)] Coffee No Drinks [Z] Right Hug Cake Broken Heart Gift Wilted Flower Movie Dog Idea Sleep Email Travel Paradise
呢称:

加粗 斜体 下划线 链接 图片 代码 邮件地址 引用 列表

最多只能输入100个字符