Jquery 获取request.getParameter（）中单选按钮的空值

在此处输入代码

您能告诉我出了什么问题吗，我不明白为什么我的request.getParameter（“IDclass”）会得到一个空值，其中IDclass是我单选按钮的name属性。下面是代码，请运行它并让我知道。谢谢你的帮助

/**
 * @see HttpServlet#HttpServlet()
 */
public Salary_Servlet() {
    super();
    // TODO Auto-generated constructor stub
}

/**
 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
 */
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
}

/**
 * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
 */
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    //DOA data = new DOA();
    //String id = request.getParameter("IDclass").toString();
    //List<PaycheckBean> paylist = data.getpay();
    PrintWriter out = response.getWriter();             
    //Gson gson = new Gson();
    //out.println(gson.toJson(paylist));
    out.print(request.getParameter("IDClass"));
}

/**
*@参见HttpServlet#HttpServlet（）
*/
公共工资{
超级（）；
//TODO自动生成的构造函数存根
}
/**
*@参见HttpServlet#doGet（HttpServletRequest请求，HttpServletResponse响应）
*/
受保护的void doGet（HttpServletRequest请求，HttpServletResponse响应）抛出ServletException，IOException{
//TODO自动生成的方法存根
}
/**
*@请参阅HttpServlet#doPost（HttpServletRequest请求，HttpServletResponse响应）
*/
受保护的void doPost（HttpServletRequest请求、HttpServletResponse响应）引发ServletException、IOException{
//TODO自动生成的方法存根
//DOA数据=新的DOA（）；
//字符串id=request.getParameter（“IDclass”）.toString（）；
//List paylist=data.getpay（）；
PrintWriter out=response.getWriter（）；
//Gson Gson=新的Gson（）；
//out.println（gson.toJson（paylist））；
打印（request.getParameter（“IDClass”）；
}

}

下面是我的JSP

你好，世界
$（文档）.ready（函数（）{
$（'#getdata'）。单击（函数（）{
var username=$（'uname'）.val（）；
var password=$（'pword'）.val（）；
控制台日志（“Wekcome”）；
$.ajax({
网址：'http://localhost:8080/Practice_App/Login_Servlet',
异步：“true”，
数据：{用户名：名称，密码：密码}，
键入：“POST”，
数据类型：“JSON”，
成功：功能（数据）{
var table=document.createElement（“表”）；
对于（var j=0；jApologies，但我对web开发和编程还不熟悉。请尝试通过查看传递给服务器的参数来调试。在Chrome中，您可以按F12，运行代码，然后单击网络选项卡中的相关请求，它将显示传递给服务器的所有数据。您不会用ajax发送任何数据ange就是原因。没有查询字符串或
数据
选项。需要其中一个才能让服务器接收参数。我尝试使用F12（inspect元素）调试它，我在response选项卡上得到null，在控制台中它说Uncaught TypeError:无法读取null的属性'length'，我修改了我的代码如下：var id=$（'IDclass'）.val（）；$.ajax（{url:“，async:'true'，data:id，type:'POST'，dataType:'JSON'，success:function（data）{…但仍然得到空响应。
<div id="div1" class="right_side">
    Hello World
</div>  

<script>
$(document).ready(function(){
    $('#getdata').click(function(){
        var username = $('uname').val();
        var password = $('pword').val();
        console.log("Wekcome");
        $.ajax({
            url : 'http://localhost:8080/Practice_App/Login_Servlet',
            async : 'true',
            data : {username : name, password : password},
            type : 'POST',
            dataType : 'JSON',
            success : function(data) {
                var table = document.createElement("table");

                for(var j=0;j<data.length;j++){
                    var tableRow = document.createElement("tr");
                    var EmployeeID = document.createElement("td");
                    var radiospace = document.createElement("input");
                    radiospace.setAttribute("type", "radio");
                    radiospace.setAttribute("name", "IDclass")
                    radiospace.setAttribute("value", j);
                    var Name = document.createElement("td");
                    var Phonenumber = document.createElement("td");

                    EmployeeID.innerHTML = data[j].EmployeeID;
                    Name.innerHTML = data[j].Name;
                    Phonenumber.innerHTML = data[j].Phonenumber;
                    radiospace.innerHTML = "Hello";

                    tableRow.appendChild(EmployeeID);
                    tableRow.appendChild(Name);
                    tableRow.appendChild(Phonenumber);
                    tableRow.appendChild(radiospace);

                    table.appendChild(tableRow);

                }
                document.getElementById("tableDiv").appendChild(table);

                $('input:radio[name="IDclass"]').change(function(){
                    //var id = $('IDclass').val();
                    for(var i=0;i<data.length;i++){
                        if ($(this).is(':checked') && $(this).val() == i) {
                            // append goes here
                            console.log("You choose "+(i+1));
                            $.ajax({
                                url: "http://localhost:8080/Practice_App/Salary_Servlet",
                                async : 'true',
                                type : 'POST',
                                dataType : 'JSON',
                                success : function(data) {
                                    var table = document.createElement("table");
                                    for(var k=0;k<data.length;k++){
                                        var tableRow = document.createElement("tr");
                                        var ID = document.createElement("td");
                                        var Month = document.createElement("td");
                                        var Salary = document.createElement("td");

                                        ID.innerHTML = data[k].ID;
                                        Month.innerHTML = data[k].Month;
                                        Salary.innerHTML = data[k].Paycheck;

                                        tableRow.appendChild(ID);
                                        tableRow.appendChild(Month);
                                        tableRow.appendChild(Salary);

                                        table.appendChild(tableRow);                                        
                                    }
                                    document.getElementById("div1").appendChild(table); 
                                }
                            });
                        };
                    };                      
                })                      
            },
            error : function(e) {
                console.log(e);
            }
        });
    });
});

$("#IDsearch").keyup(function(){
     var term = $(this).val();
     if(term != ""){
         $("#tableDiv tr").hide();
         $("#tableDiv td").filter(function(){
             return $(this).text().toLowerCase().indexOf(term)>-1;  
             }).parent("tr").show();
     }
     else
         {
         $("#tableDiv table>tr").show();
         }

  }); 
</script>