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

3回答

红颜莎娜

123456789101112131415161718192021222324252627282930313233343536373839404142/** * @author zhou2003737 * @date  2014/09/25 16:39 */<html doctype="html">    <head>        <title></title>        <script type="text/javascript">                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);                            }                        }                    }                }            //思路如上。你可以将点击时将文本框中值传到后台，后台返回数据后，在将数据存入下拉列表对象中。        </script>    </head>    <body>        <p><input type="text" placeholder="请输入查询对象" autofocus  id="searchText"/></p>        <p><input type="button" id="action" value="提交"/></p>        <p><select id="selections">         </select></p>    </body></html> 

0 0

一只斗牛犬

首先自定义一个ajax获取要显示在html页面上的数据的方法，例如方法getdata,这个方法把获取的返回值，通过js动态的显示到html页面要显示的区域，然后再写一个js定时器来实现实时调用数据，示例：<script> //定时器异步运行function hello(){alert("hello");}var t2 = window.setTimeout("hello()",3000);   //定时器//window.clearTimeout(t2);//去掉定时器</script>把里面的hello方法换成你ajax获取数据的方法名，然后改下定时器里面的方法名和时间，这里设置的是3秒钟执行一次可以设置成你自己要的数据，就实现了你要的页面实时调用数据了。

0 0

函数式编程

1、用户界面能做的最基础的事情就是呈现一些数据，React让显示数据变得简单，当数据变化时，用户界面会自动同步更新。2、通过例子进行了解：<!DOCTYPE html><html><head><script src="build/react.js"></script><script src="build/JSXTransformer.js"></script></head><body><divid="example"></div><script type="text/jsx">var HelloWorld = React.createClass({render: function() {return (<p>Hello, <input type="text"placeholder="Your name here" />!It is {this.props.date.toTimeString()}</p>);}});setInterval(function() {React.render(<HelloWorld date={new Date()} />,document.getElementById('example'));},500);</script></body></html> 

0 0