getParamteter无法在对Java Servlet的ajax调用中处理文本元素

时间:2019-02-04 17:34:29

标签: jquery ajax servlets frontend getparameter

您好,我有一个名称和带有提交按钮的pw文本字段。问题在于,无论我输入什么值都不会被servlet接收。我不知道问题是在JQUERY试图获取HTML元素值时还是在servlet无法从ajax调用中获取值的情况下。

我有一个servlet,它打印出request.getParameters并保持打印为空。我已经附上了html和js代码以及servlet代码的相关代码片段,以测试是否已接收参数。

HTML代码:

<section id="customer_business">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-12 customer">
                    <div class="hover ehover3">
                        <img class="img-responsive" src="images/p13.jpg" 
    alt="">
                        <div class="overlay">
                            <div class="row">
                                <div class="col-sm-6 col-xs-12">
                                    <div class="form-group"> 
                                        <input type="text" id="cus_name" 
   class="form-control" maxlength="10" placeholder="Full Name" required>
                                    </div>
                                </div>
                                <div class="col-sm-6 col-xs-12">
                                    <div class="form-group"> 
                                        <input id="cus_password" 
    type="password" class="form-control" maxlength="22" 
    placeholder="Password" required>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-2 col-xs-12">

                            </div>

                            <div class="col-sm-8 col-xs-12">
                                <div class="col-sm-6 col-xs-6">
                                    <a href="custreg.html"><button 
    id="cus_register" class="info" type="button">Register</button></a>
                                </div>
                                <div class="col-sm-6 col-xs-6">
                                    <a href="#"><button id="cus_login" 
class="info" type="button">Login</button></a>



                                </div>

JavaScript代码(在document.ready函数中完成):

$('#cus_login').click(function() {
    $.ajax({
        url: 'LoginServlet',
        type: 'POST',
        contentType: 'application/json',
        dataType: 'json',
        data: JSON.stringify({
            username : $("#cus_name").text(), 
            pw : $("#cus_password").text(), 
            method : "customer"
        }),
        success: function(result) {
            var obj = result;
            if(result.status == true) {
                alert("Success!");
            }
            else{
                alert("Login failure, please check and try again");
            }
        }
    });
});

最后是servlet代码,用于测试值是否通过以下方式发送:

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    System.out.println("Servlet reached successfully");

    RequestDispatcher custdispatch = 
 request.getRequestDispatcher("CustProfile.html");
    RequestDispatcher busdispatch = 
 request.getRequestDispatcher("BusEntry.html");

    boolean isValid = false;
    String method = request.getParameter("method");
    String username = request.getParameter("username");
    String pw = request.getParameter("pw");
    System.out.println(method + username + pw);

我不断得到3个空值。 在ajax和servlet之间一定是一个问题。如果您查看method属性,它不是从用户输入或任何html元素中获取的,它都是经过硬编码的,但即使在servlet中返回null。

1 个答案:

答案 0 :(得分:0)

答案:getVal()确实是要使用的正确选项。问题不是js从html提取。问题是servlet无法从ajax POST中获取数据。原因是因为数据被设置为json,但是servlet无法读取json格式,因此以下代码:

JsonObject data = new Gson().fromJson(request.getReader(), JsonObject.class);
    String method = data.get("method").getAsString();
    String username = data.get("username").getAsString();
    String pw = data.get("pw").getAsString();

data变量是将json ajax post参数转换为Java对象。