使用JSON和AJAX發送和檢索數據

Question

我有以下前端代碼，我需要獲取textfield（id = uid）值並將其解析到servlet，然后基於該值填充其他兩個textfields（這是一個Search Function），但是以下代碼僅檢索值，無法發送“ uid”。 我該怎么辦？ 請幫我。

    <script type="text/javascript">  
    $(document).ready(function(){   
            $('#getData').click(function(){ 

                $.ajax({  
                    url:'JsonServlet',  
                    type:'post', 
                    dataType: 'json',  
                    success: function(data) {  

                        $('#uname').val(data.uname);  
                        $('#uadd').val(data.uadd);
                    }  
                });  
            });  
    });  
</script>  

</head>  
<body>  

    UserID:<input name="userid" type="text" id="uid"/><br/>  
    Name:<input type="text" id="uname"/> 
    Address:<input type="text" id="uadd"/> 

    <input type="button" id="getData" value="Get Data"/>

我的Servlet代碼如下所示

response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        try {
            String userid = request.getParameter("userid");
            ResultSet rs = db.selectQuery("select * from tbl_user where userid = '"+userid+"'");
            JSONObject json = new JSONObject();
            while (rs.next()) {
                json.put("uname", rs.getString("username"));
                json.put("uadd", rs.getString("useraddress"));

            }
            //json.put("uname", "user1");
               // json.put("uadd", "address1");
            out.print(json);

        } catch (Exception e) {
            e.printStackTrace();
        }

Answer 1

您的ajax應該會這樣。

             $.ajax({  
                    url:'JsonServlet?userid='+document.getElementById("uid").value,  
                    type:'post', 
                    dataType: 'json',  
                    success: function(data) {  

                        $('#uname').val(data.uname);  
                        $('#uadd').val(data.uadd);
                    }  
                });  
            });

您應該能夠使用String userid = request.getParameter("userid");

使用JSON和AJAX發送和檢索數據

問題描述

1 個解決方案

解決方案1
1 已采納 2013-11-13 14:32:39

使用JSON和AJAX發送和檢索數據

問題描述

1 個解決方案

解決方案1 1 已采納 2013-11-13 14:32:39

解決方案1
1 已采納 2013-11-13 14:32:39