如何在codeigniter上使用提交表单？答案

【问题标题】：how to use submit form on codeigniter?如何在codeigniter上使用提交表单？
【发布时间】：2016-11-27 12:04:44
【问题描述】：

我想在用户输入他们的用户名和密码后尝试不重新登录。我正在使用这样的表单字段提交来返回相同的功能而无需刷新。 onsubmit="return login();

查看

    <?php $this->load->view('header');?>
    <body>
        <nav class="navbar navbar-default">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">Store</a>
            </div>
        </nav>
        <div class="container">
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4">
                    <div class="panel panel-default login">
                        <div class="panel-heading">Sign In</div>
                        <div class="panel-body">       
                            <form data-toggle="validator" role="form" method="POST" onsubmit="return login();">
                                <div class="form-group">
                                    <label for="username">Username</label>
                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                        <input type="text" class="form-control" name="username" id="username" placeholder="Username" required>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label for="password">Password</label>
                                    <div class="input-group">
                                        <span class="input-group-addon"><span class="glyphicon glyphicon-star"></span></span>
                                        <input type="password" class="form-control" id="password" placeholder="Password" required>
                                    </div>
                                </div>     
                                 <div class="alert alert-danger text-center" style="display:none;" id="error">
                                    <p>Invalid username or password !!</p>
                                </div>    
                                <button type="submit" class="btn btn-lg btn-success btn-block" id="login"><span class="glyphicon glyphicon-lock frm-general"></span>Login</button>   
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script src="<?=base_url('assets/js/jQuery-2.1.4.min.js');?>"></script>
        <script src="<?=base_url('assets/js/bootstrap.min.js');?>"></script>
        <script src="<?=base_url('assets/js/validator.min.js');?>"></script>
        <script src="<?=base_url('assets/js/view/login.js')?>"></script>
    </body>

</html>

阿贾克斯

    $(function(){
    $('#login').submit(function(e){
        var username = $('#username').val();
        var password = $('#password').val();
        URL_GET_ACCESS = BASE_URL+"Login_controller/login";
        $.ajax({
            url: URL_GET_ACCESS,
            type: 'POST',
            data: 'username='+username+'&password='+password;
        }).done(function(ans){
            console.log(resp);
            if(ans === '0'){
                $('#error').show().delay(2000).fadeOut();
            }else if(ans === '1'){
                window.location.href='<?php echo base_url() ?>home/';
            }else{
                window.location.href='<?php echo base_url() ?>home/';
            }
        });
    });
    return false;
});

【问题讨论】：

嗨戴安娜，我看到你是新来的。如果您认为某个答案解决了问题，请单击绿色复选标记将其标记为“已接受”。这有助于将注意力集中在仍然没有答案的旧 SO。

标签： php jquery ajax codeigniter

【解决方案1】：

我认为问题在于提交被触发并将您带到由您的表单操作定义的 URL（在本例中为自身）。为防止这种情况，请在启动提交功能后立即尝试使用 jQuery 的 e.preventDefault();。

我经常使用的另一种解决方案是不使用 submit 按钮，而是仅使用 span (<span id='iWillSubmit' class='iLookLikeAButton'>) 样式为按钮，然后将提交函数附加到.on('click') 在那个 span 元素上。

【讨论】：