如何使用AJAX填充servlet返回的值的下拉列表

时间:2015-09-11 15:40:12

标签: json ajax servlets

好的,我将这些国家和他们各自的城市放在数据库表中。 和两个下拉国家和城市。 用户选择国家/地区后,将显示城市选项。

我正在使用AJAX根据所选国家/地区接收城市。

以下是代码:

 $(function(){

             $('#aicount').on( 'change', function () {        //#aicount: Contry dropdown , #aicity:City dropdown
                 var e= document.getElementById("aicount");

                    $.ajax( {
                          url: 'ReturnCity',                 // URL of Servlet
                         method:'post',
                          data:
                          {
                             country: e.options[e.selectedIndex].text

                           },     // parameters to Servlet
                          dataType: 'json',            

                          success: function ( res ) {

                                   //Don't know what to do here.

                          }
                       });
             });

         });

我将所选国家/地区发送到返回城市的servlet。 servlet代码是:

String country=request.getParameter("country");
        JSONObject json=new JSONObject();
        try
        {
            Class.forName("com.mysql.jdbc.Driver");
            Connection con=DriverManager.getConnection("jdbc:mysql://localhost:3306/db",user,pass);
            PreparedStatement ps=con.prepareStatement("select Name from city where countc=(select cid from country where name=?);");
            ps.setString(1, country);
            ResultSet rs=ps.executeQuery();
            while(rs.next())
            {
                json.put(rs.getString("Name"),"city");   // Not sure about this part
            }
            response.setContentType("application/json");
            response.getWriter().write(json.toString());
        }
        catch(Exception e)
        {
            e.printStackTrace();
        }

我该如何处理剩下的部分?

我只是学习使用JSON和AJAX。

1 个答案:

答案 0 :(得分:2)

好的,所以在0xF1函数中,您需要在此处附加-[peripheralManager respondToRequest:withResult:]标记:

-peripheralManager:didReceiveReadRequest: