Javascript 如何在下拉列表中选择值时使用AJAX、Jquery和SpringMVC从业务层获取数据

我有一个下拉列表，如果我从中选择一个值，将对我的控制器进行ajax调用并获取一个值。这将显示在文本框中

在我的jsp中，我编写了这段代码

<td>
    <form:select path="designation" id="designation" onchange="getSalary();">
        <form:option value="Engineer" label="E"/>
        <form:option value="Senior Engineer" label="SE"/>
        <form:option value="Analyst" label="A"/>
        <form:option value="Lead" label="L"/>
    </form:select>
</td>

控制器类中的相应方法如下所示

function getSalary()
{
var element=document.getElementById("designation");
var designation = element.options[element.selectedIndex].text;
alert(designation);//Till this part its working

$.ajax({
        type:"GET",
        url:"/SpringMVC/employee/getSalary.do",
        data:{design:designation},
        success:function(data)
        {
            alert("Inside success function");
            $('#salary').val(data);
        },
        error:function(xmlHttpRequest, textStatus, errorThrown)
        {
                if(xmlHttpRequest.readyState=0 || xmlHttpRequest.status == 0)
                    return;
        },
    });

}

@Controller
@RequestMapping("/employee")
public class EmployeeController {

    @RequestMapping(value="/getSalary",method=RequestMethod.GET)
    public @ResponseBody double GetSalary(@RequestParam(value="design",required=true)String design, ModelMap model){
        System.out.println(design);
        double salary = 50000;
        System.out.println("Employee Controller >> Getting salary : " + salary);
        return salary;
    }

}

流将进入javascript函数。但是ajax调用没有发生。流量在到达控制器前的某个地方中断。 我已经检查了配置文件，它们很好，因为其他URL可以命中控制器并获取结果。只有当我使用这个ajax调用时，它才会中断。 有人能帮我确定我在ajax调用中到底做错了什么吗

谢谢

---

Nirmalya

您是否检查了浏览器控制台的错误？使用javascript时，您永远不会知道。您是否尝试过：data:{“design”：designation}我在IE控制台中遇到此错误

SCRIPT5009:“$”未定义

，但我在工作区中加载了jquery文件，其中包含脚本语句