Question

利用jquery实现下拉列表赋值的问题

有2个下拉列表,当改变其中一个下拉列表的某项时，另外一个下拉列表根据第一个的下拉列表所选的值去查询数据库并将查到的结果显示在下拉列表里!

这个2个下拉列表所在的页面部分代码

这是请求的servlet类,我在得到参数值后,试着打印它,但是没有值,好像ajax方法根本没有走后台,列表所在页面写的ajax方法我觉得没错..求解!!





Answer 1

$.ajax(
type:"post",
url:"servlet/Test",
data : {'cName'： $("#cname").val()},
dataType:json
success:function(data){
alert(data);
});

dataType:json -------这句代码有2个问题：没有加引号、没有打逗号！你js这里直接就报错了！
正确的写法：
dataType:"json",

追问

我漏写了!它还是走不了后台啊

追答

$.ajax(
type:"post",
url:"servlet/Test",
data : {'cName'： $("#cname").val()},
dataType:"json",
success:function(data){
alert(data);
});

$.ajax( -----后边加上一个"{":
$.ajax({

Answer 2

不是$(this).val()

而是$("#cname").val()

追问

这样,运行了下好像还是没走到后台去..

追答

没到后台，说明你的ajax的url有问题·

追问

我servlet里配置的url-pattern是servlet/Test
我访问这个用 $.ajax(
type:"post",
url:"servlet/Test",
data : {'cName'： $("#cname").val()},
dataType:json
success:function(data){
alert(data);
});这样没错吧?

追答

据我目测，可能是你的$.ajax方法的问题了。

data : {'cName'： $("#cname").val()}, 这里面的:是中文的吧？！！！

Answer 3

ajax type=post
参数不是这样传的吧

追问

这样?

追答

data : {'cName'： $(this).val()}
试试这样

追问

这样,改变下拉列表的项时,后台还是没反应!

追答

你确定servlet配置的对吗
直接访问servlet/test结果是什么
走后台没

追问

servlet配置是对的,我直接访问它页面上就显示个[]

我改变下拉列表的项时,servlet里

这个打印控制台上没输出 - -..什么也没有,这应该没走后台吧?

追答

你这么写没有提示语法错误？！

$.ajax({
url: "test.html",
context: document.body
}).done(function() {
$(this).addClass("done");
});
注意ajax小括号后面还有一对大括号

追问

没有啊..你这段话是什么意思啊?

追答

就是 你ajax的参数写法是错误的
你能不能把这段代码直接贴出来
别用图片
就要ajax部分

追问

$(document).ready( function() {
$("#cname").change( function(){
var cnVal=$("#cname").val();
$.ajax(
type:"post",
url:"servlet/test",
data : {'cName'： $("#cname").val()},
dataType:json
success:function(data){
alert(data);
});
});
});这个?

追答

$.ajax({ url:"servlet/test" });
这样试一下看看后台有反映没

追问

没反应,

追答

你访问这个页面地址是什么
http://localhost:8080/servlet/test
??