使用jquery、ajax和codeigniter验证Boostrap登录弹出窗口模型

我的问题:我点击登录按钮并打开登录弹出模型，我插入用户名和密码并按提交按钮，当用户名和密码正确时，则重定向仪表板页面，如果用户名和密码错误，则在弹出模型中显示错误消息。我使用codeigniter框架。请帮帮我……

控制器:

class Property extends CI_Controller {
    public function __construct() {
        parent::__construct();
        $this->load->library('session');
    }
    public function index() {
        $username = $this->input->post('username');
        $password = $this->input->post('password');
        if ($username == 'admin' && $password == 'admin') {
            $user = array(
                'username' => $username,
                'password' => $password
            );
            $this->session->set_userdata($user);
            echo json_encode($user);
        } else {
            $errormsg = "Invalid UserName and Password";
            echo json_encode($errormsg);
        }
    }
    public function property_owner_detail() {
        $username = $this->session->userdata('username');
        if (!empty($username)) {
            //$this->output->cache(3600);
            $this->load->model('event_model');
            $this->load->helper('date');
            $data = array(
                'page_title' => 'Property',
                'location_collection' => $this->event_model->list_all()
            );
            $this->load->view('property/index', $data);
        } else {
            redirect('/Site');
        }
    }
}

视图:

<li><a href="#" style="color: red" data-toggle="modal" data-target="#property_owner_login">Login</a></li>

<div class="modal fade" id="property_owner_login" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title text-primary">Login</h4>
            </div>
            <div class="modal-body">
                <?php echo form_open(); ?>
                <div class="form-group">
                    <label class="control-label">Username:</label>
                    <input type="text" class="form-control" name="username" id="username" required="">
                </div>
                <div class="form-group">
                    <label class="control-label">Password:</label>
                    <input type="password" class="form-control" name="password" id="password" required="">
                </div>
                <?php echo form_close(); ?>
            </div>
            <div class="modal-footer">
                <button type="button" name="submit" id="property_owner_login" class="btn btn-success">Login</button>
            </div>
        </div>
    </div>
</div>

var property_owner_login = {
    mode: "Add",
    modal: $("#property_owner_login"),
    add: function () {
        var username = $("#username").val();
        var password = $("#password").val();
        $.ajax({
            url: "/Property",
            type: 'POST',
            data: {username: username, password: password},
            success: function (data) {
                console.log(data)
                var obj = JSON.parse(data);
                //console.log(data.username);
                if (obj.username == 'admin' && obj.password == 'admin') {
                    window.location.href = 'property/property_owner_detail';
                } else {
                }
            }
        });
    }
};
$(document).ready(function () {
    $("#property_owner_login").click(function () {
        if (property_owner_login.mode == "Add") {
            property_owner_login.add();
        }
    });
});