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

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

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

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

比如用get()方式提交:

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

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

alert("Data Loaded: " + data)

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

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

})

用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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/6773497.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-28
下一篇 2023-03-28

发表评论

登录后才能评论

评论列表(0条)

保存