用SSM框架 HTML页面 ajax 怎么写一个从数据库获取数据的 二级联动的下拉菜单

Posted 2023-05-06

求具体的代码 JS 什么的

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

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

写个ajax data参数就是obj.value， value传给后台获取数据返回给ajax，
然后ajax做你想做的页面处理。。。

至于这个value如何获取， 你可以用在select上面加onChange="方法名"

代码:
<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> 参考技术B 1、用java包访问数据库，将需要写入联动菜单的数据以list或者json放在你的包内；
2、在需要写菜单的地方用AJAX同步你的包数据；
3、将数据用JS写入html的ul下的li中，在CSS中写入hover伪类，触发二级联动下拉菜单。 参考技术C

定义好后台接口，比如:/loadData。

在js中引入jquery库，发送post方式的ajax请求。

解析返回的数据，并渲染到dom中。

参考技术D 一般ajax都是有个判断 if （一级 等于 二级 的父级）｛ajax 调用二级菜单｝

ssm框架Controller总怎么写sql

SQL写在xxMapper.xml 里，关联进DAO层，然后service层进行调用DAO方法，实现业务逻辑，controller中调用service的处理方法与服务器以及前端进行交互，如果在controller层写SQL，搭建SSM还有什么用~ 参考技术A controller是action类，怎么可以写sql，是放在dao里的