JSP使用JSON实现二级联动菜单

最新推荐文章于 2021-08-06 14:52:33 发布

iteye_6918

最新推荐文章于 2021-08-06 14:52:33 发布

阅读量234

点赞数

分类专栏： web application 文章标签： JSP json jQuery JavaScript Cache ViewUI

本文链接：https://blog.csdn.net/iteye_6918/article/details/81788770

版权

web application 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

小弟今天使用JQUERY实现二级联动菜单，但是怎么调试都没有成功。
请教高手看看下面的代码，是什么地方出了问题。

test.jsp文件

Jsp代码

<%@ page contentType="text/html;charset=gb2312"%>
<html>
<title>联动菜单</title>
<script language="javascript" src="jquery.min.js"></script>
<script LANGUAGE="JavaScript" >
$(function(){
$("#wc").change(function(){
$.getJSON("gylx.jsp",{index:$(this).val()},function(myJSON){
var myOptions="";
for(var i=0;i<myJSON.length;i++){
myOptions+='<option>'+myJSON.optionValue+'</option>';
}
$("#gx").html(myOptions);
});
});
$("#wc").change();
})
</script>
<body>
<select name="wc" id="wc">
<option>一</option>
<option>二</option>
<option>三</option>
</select>
<select name="gx" id="gx">
</select>
</body>
</html>

<%@ page contentType="text/html;charset=gb2312"%>
<html>
<title>联动菜单</title>
<script language="javascript" src="jquery.min.js"></script>
<script LANGUAGE="JavaScript" >
$(function(){
    $("#wc").change(function(){
        $.getJSON("gylx.jsp",{index:$(this).val()},function(myJSON){
            var myOptions="";
            for(var i=0;i<myJSON.length;i++){
                myOptions+='<option>'+myJSON.optionValue+'</option>';
            } 
            $("#gx").html(myOptions);
        });      
    });
    $("#wc").change();
})
</script>
<body>
     <select name="wc" id="wc">
     <option>一</option>
     <option>二</option>
     <option>三</option>
   </select>
      <select name="gx" id="gx">
      </select>
</body>
</html>

gylx.jsp

Jsp代码

<%@ page contentType="text/html;charset=gb2312"%>
<%
response.setHeader("no-cache");
response.addHeader("pragma","no-cache");
String index = new String(request.getParameter("index").getBytes("iso8859-1"),"gb2312");
String JSON_text ="";
if(index.compareTo("一")==0)
JSON_text ="[{optionValue:'一一'},{optionValue:一二}]";
else if(index.compareTo("二")==0)
JSON_text ="[{optionValue:'二一'},{optionValue:二二}]";
else if(index.compareTo("三")==0)
JSON_text ="[{optionValue:'三一'},{optionValue:三二}]";
out.println(JSON_text);
%>

<%@ page contentType="text/html;charset=gb2312"%>
<%
response.setHeader("no-cache");
response.addHeader("pragma","no-cache");

String index = new String(request.getParameter("index").getBytes("iso8859-1"),"gb2312");
String JSON_text ="";

if(index.compareTo("一")==0)
  JSON_text ="[{optionValue:'一一'},{optionValue:一二}]";
else if(index.compareTo("二")==0)
  JSON_text ="[{optionValue:'二一'},{optionValue:二二}]";
else if(index.compareTo("三")==0)
  JSON_text ="[{optionValue:'三一'},{optionValue:三二}]";

out.println(JSON_text);
%>

该问题已经关闭: 被自己搞定了。。因为$(this).val()作为getJSON的参数，不能是中文，在代码中，当下拉框的value值为一二三的时候，就无法传递参数，当为123的时候，就没有问题了。

iteye_6918

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JSP使用JSON实现二级联动菜单

小弟今天使用JQUERY实现二级联动菜单，但是怎么调试都没有成功。请教高手看看下面的代码，是什么地方出了问题。 test.jsp文件 Jsp代码 &lt;%@ page contentType="text/html;charset=gb2312"%&gt; &lt;html&gt; &lt;title&gt;联动菜单&lt;/title&gt; ...
复制链接

扫一扫

专栏目录