AJAX从服务端获取数据的三种方法

　　在本文中将给出一个例子来介绍使用AJAX技术从服务端获得数据的三种方法。这个例子很简单，就是两个选择框（html中的标签），通过选中第一个select的某一项后，会从服务端得到一些数据，并加载到第2个select中。
　
　　方法一、从服务端获得XML格式的数据
　
　　从服务端获得数据的最容易想到的方法就是在服务端反加一定格式的数据，一般是XML格式，然后在服务端使用XMLDocument或其他技术来读取这些数据，并生成标签中选项的格式文本（标签）。下面的addOptions函数是这个例子的核心函数，它负责根据从服务端获得的数据生成标签中的标签。在这里所使用的方法是利用了标签的innerHTML属性（仅限于firefox），如果是IE，要使用outerHTML属性（IE中标签的innerHTML属性有一些小bug，读者可以试着在IE中使用innerHTML属性，看看会发生什么情况）。addOptions方法的实现代码如下：
　

 // select表示对象，xml表示XMLDocument对象
function addOptions(select, xml)
{
    if(select)
    {
        var options = "";
        for(var i = 0; i < xml.childNodes[0].childNodes.length ; i++)
        {
            if(xml.childNodes[0].childNodes[i].nodeName == "list")
            {
                var s = "";
                if(isIE())
                    s = xml.childNodes[0].childNodes[i].text;
                else
                    s = xml.childNodes[0].childNodes[i].textContent
                options += "" ;
                options += s;
                options += ""
            }
        }

        var id = select.id;
        if(isIE())
            select.outerHTML = "

" + options + "";
        else
            select.innerHTML = options;

    }
}

 

[1]        

--------------------next---------------------

阅读(401) | 评论(0) | 转发(0) |

0

上一篇：大型系统上PHP令人不爽的九大原因

下一篇：使用 AjaxPro 来完成二级联动的效果-WEB开发频道-中国IT实验室-技术·资讯·教育·服务·社区

给主人留下些什么吧！~~

评论热议

请登录后评论。

登录 注册

关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6