Question

我把把手文件作为

＆＃13;

<div class="row">
    <div class="col-md-6 col-md-offset-3">
        <div class="login-form">
            <form class="form-horizontal well">
                <div class="form-group">
                    <label for="username" class="col-sm-2 control-label">Username</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control" placeholder="Username">
                    </div>
                </div>
                <div class="form-group">
                    <label for="password" class="col-sm-2 control-label">Password</label>
                    <div class="col-sm-10">
                        <input type="password" class="form-control" placeholder="Password">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default" id="login">Sign in</button>
                    </div>
                </div>
                <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-primary" id="register">Not a Member? Sign Up</button>
                </div>
            </div>
            </form>
        </div>
    </div>
</div>

＆＃13;

我的app.js为

＆＃13;

$(document).ready(function(){

    /*Submit login form*/

    $("#login").on('click', function(){
        var user = $("form input[type=text]").val();
        var pass = $("form input[type=password]").val();

        var data = {
            username : user,
            password : pass
        };

        $.ajax({
            type : "POST",
            url : '/api/login',
            data : data
        });
    });
})

＆＃13;

我无法使用数据对象内部的值，但是当我尝试使用用户执行简单警报并传递值时，它会提醒正确的值但是在执行ajax调用时，没有任何内容既不会传递给用户也不会传递在数据对象中

Answer 1

我认为这会解决您的问题：

 $.ajax({
            type : "POST",
            dataType: "json",
            url : '/api/login',
            data : JSON.stringify(data)
        });

添加了dataType:"json"和data:JSON.stringify(data)

Answer 2

你也试试这个

  $.ajax({
        type : "POST",
        url : '/api/login',
        data : $('form').serialize(),
    });

无法使用jquery从输入字段中获取值

2 个答案: