JS调用后台数据查询，让查询到的数据在下拉列表里显示

/**
 * @author zhou2003737
 * @date  2014/09/25 16:39
 */

    
        
        
                window.onload = function(){
                    //获取文本框对象
                    var searchText = document.getElementById("searchText");
                    //获取提交button对象
                    var action = document.getElementById("action");
                    //获取要增加到的下拉列表对象
                    var selections = document.getElementById("selections");
                    //点击提交的时候执行的方法
                    action.onclick = function(){
                        //如果文本框对象中值不为空
                        if(searchText.value ){
                            //根据文本框中的值循环5次
                            for(var i =5;i>0;i--){
                                //设置下拉列表中的值的属性
                                var option = document.createElement("option");
                                    option.value = searchText.value + i;
                                    option.text= searchText.value+i;
                                //将option增加到下拉列表中。
                                selections.options.add(option);
                            }
                        }
                    }
                }
            //思路如上。你可以将点击时将文本框中值传到后台，后台返回数据后，在将数据存入下拉列表对象中。
        
    
    
        

        

        


        

    

首先自定义一个ajax获取要显示在html页面上的数据的方法，例如方法getdata,这个方法把获取的返回值，通过js动态的显示到html页面要显示的区域，然后再写一个js定时器来实现实时调用数据，

示例：

把里面的hello方法换成你ajax获取数据的方法名，然后改下定时器里面的方法名和时间，这里设置的是3秒钟执行一次可以设置成你自己要的数据，就实现了你要的页面实时调用数据了。