Javascript 级联下拉列表框使用Javaservlet、java脚本、jsp、数据库和Ajax。使用Jquery和Json

我在Ajax方面没有任何实际操作经验。我想使用Ajax在我的项目中创建级联下拉列表框。我在网上搜索过了，我能找到 关于将AJax与JSON和Jquery结合使用的参考资料。但是我想单独使用Ajax和Js。请在下面找到我的问题的简要描述，这将是非常好的 如果我能在这里得到适当的指导。提前谢谢。 1.我必须创建两个下拉列表框 2.对于第一个下拉列表框，我在JSP页面本身中有硬代码值。 3.根据在第一个下拉列表框中选择的值，需要通过数据库在第二个下拉列表框中填充值。 4.我想通过JSP、JS、Sevlet和Ajax实现这一点。而不是JQuery和JSon。 有谁能帮我看一下示例代码片段吗

我尝试在JS中创建请求。我给出了servlet url，但它没有到达servlet页面。我已经在servelet doget方法中给出了sysout进行测试，但是 它没有在控制台中打印出来。请在下面找到我的代码，并指导我

//my Js code
  function testDDL{
        var xhttp;

          if (window.XMLHttpRequest) {


            xhttp = new XMLHttpRequest();
            } else {


            xhttp = new ActiveXObject("Microsoft.XMLHTTP");
          }

          xhttp.open("GET", "testServlet", true);
          xhttp.send();  

        }

    //my servlet code
    protected void doGet(HttpServletRequest request,
                HttpServletResponse response) throws ServletException, IOException {
            System.out.println("I am in Test Servelet");                
        }
    //my web.xml config
     <servlet>
            <servlet-name>TestServlet</servlet-name>
            <servlet-class>
                com.test.TestServlet
            </servlet-class>
     <servlet-mapping>
            <servlet-name>TestServlet</servlet-name>
            <url-pattern>/testServlet/*</url-pattern>
       </servlet-mapping>

//我的Js代码
函数testDDL{
var-xhttp；
if（window.XMLHttpRequest）{
xhttp=newXMLHttpRequest（）；
}否则{
xhttp=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
open（“GET”，“testServlet”，true）；
xhttp.send（）；
}
//我的servlet代码
受保护的无效数据集（HttpServletRequest请求，
HttpServletResponse响应）引发ServletException，IOException{
System.out.println（“我在测试服务器中”）；
}
//我的web.xml配置
TestServlet
com.test.TestServlet
TestServlet
/testServlet/*

问题在于我的项目实施。我已经根据我的项目格式化了url。现在它可以正常工作了。我在问题中提到的代码可以正常工作