怎么利用ajax模糊查询后台数据库并在页面上用下拉框显示

在输入框加一个onkeyup时间，用setTimeout()函数1.5S向后台请求一次。

ajax你可以用JQuery库，因为你要自己写的话代码有点多。

比如用get()方式提交：

$.get(“你的URL", { name: "John", time: "2pm" }--这个是提交的参数，键值对,

function(data){--这个是从后台响应后调用的函数。data是后台返回的值。

alert("Data Loaded: " + data)

--在这里你得到数据了就好办了。

--建议你后台组装成json格式的字符串输出，这个用eval(data)得到json对象。然后取出你要的值。

})

先做一个JSP页面，就和你正常情况下根据ID查数据一样，得到ID，根据ID查询出数据。

循环出表格在页面上。

只是这个页面不会通过浏览器直接访问。

而是用ajax的异步去请求这个页面。

在你的当前 *** 作页面上，定义一个div。

在取得responseText后，将responseText的值innerHTML给div。

当触发下拉的onchange事件，就发送一个异步请求，将ID传到服务端。

这样就可以动态改变了，不会刷新页面。

做起来挺简单的，只是我现在没有现成的代码。

用js先写个带参方法，参数就是2级联动的对象obj

写个ajax  data参数就是obj.value， value传给后台获取数据返回给ajax，

然后ajax做你想做的页面处理。。。

<script language="javascript">

function getData(obj) {

var opt = obj.options[obj.selectedIndex]

//alert("The option you select is:"+opt.text+"("+opt.value+")")

$.ajax({

url : "你的url",

type : "Post",

data :  'diqu='+opt.value,

success : function(data1) {

//这里面就可以得到你后台获取过来的数据了，你可以做DOM处理

}

})

}

</script>

<SELECT   onchange="getData(this)">

<OPTION  value ="1">湖北</OPTION>

<OPTION value="2">湖南</OPTION>

<OPTION  value ="3">河北</OPTION>

<OPTION value="4">河南</OPTION>

</SELECT>

---