Php CodeIgniter:在提交表单后避免刷新？

我基本上是向我的控制器提交表单值，并且使用CodeIgniter框架。但是，当我将值发送到控制器的函数时，页面会更改为控制器并离开index.php（当前页面）

index.php:

<form action="<?php echo base_url();?>index.php/LoginController/loginuser" method="post">
            <input id="login_emailbox" name="login_emailbox" type="text" class="form-control welcome-login-email" placeholder="Email" required="">
            <input id="login_passbox" name="login_passbox" type="password" class="form-control welcome-login-password" placeholder="Password" required="">
            <button id="loginbtn" type="submit" class="btn btn-info" style="margin-left: 30px">Login</button>
</form>

class LoginController extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
    }

    function index()
    {
        $this->load->helper('html');
        $this->load->helper('url');
        $this->load->view('header');
        $this->load->view('footer');

        $this->load->view('index.php');
    }


    public function loginuser(){
        echo $_POST['login_emailbox'];
        echo $_POST['login_passbox'];
    }

}

我在运行时采取的步骤：

<form action="<?php echo base_url();?>index.php/LoginController/loginuser" method="post">
            <input id="login_emailbox" name="login_emailbox" type="text" class="form-control welcome-login-email" placeholder="Email" required="">
            <input id="login_passbox" name="login_passbox" type="password" class="form-control welcome-login-password" placeholder="Password" required="">
            <button id="loginbtn" type="submit" class="btn btn-info" style="margin-left: 30px">Login</button>
</form>

class LoginController extends CI_Controller {

    public function __construct()
    {
        parent::__construct();
    }

    function index()
    {
        $this->load->helper('html');
        $this->load->helper('url');
        $this->load->view('header');
        $this->load->view('footer');

        $this->load->view('index.php');
    }


    public function loginuser(){
        echo $_POST['login_emailbox'];
        echo $_POST['login_passbox'];
    }

}

1） 我通过=>

2） 填写表格并点击提交。值被提交到函数：loginuser

3） 页面被重定向到“loginuser”函数

如何避免这种情况，并且基本上将值发送到控制器中的loginuser函数，而不刷新当前页面？

登录

您的Jquery

 $('#loginbtn').on('click',function(e){
e.preventDefault();
    var data = $('#myForm').serialize();
    var base_url='<?php echo base_url(); ?>'
    $.ajax({
    url:base_url+'index.php/LoginController/loginuser',
    type:'POST',
    data:data,
    success:function(data){

    alert(data); // here what you want to do with response
    }
    }); 
return false;


   });

$（'loginbtn'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var data=$（'#myForm'）.serialize（）；
var base_url=''
$.ajax({
url:base_url+'index.php/LoginController/loginuser'，
类型：'POST'，
数据：数据，
成功：功能（数据）{
警报（数据）；//这里是您要对响应执行的操作
}
}); 
返回false；
});

登录

您的Jquery

 $('#loginbtn').on('click',function(e){
e.preventDefault();
    var data = $('#myForm').serialize();
    var base_url='<?php echo base_url(); ?>'
    $.ajax({
    url:base_url+'index.php/LoginController/loginuser',
    type:'POST',
    data:data,
    success:function(data){

    alert(data); // here what you want to do with response
    }
    }); 
return false;


   });

$（'loginbtn'）。在（'click'，函数（e）上{
e、 预防默认值（）；
var data=$（'#myForm'）.serialize（）；
var base_url=''
$.ajax({
url:base_url+'index.php/LoginController/loginuser'，
类型：'POST'，
数据：数据，
成功：功能（数据）{
警报（数据）；//这里是您要对响应执行的操作
}
}); 
返回false；
});

登录
$（文档）.ready（函数（）{
$（'#loginbtn'）。单击（函数（）{
var login\u emailbox=document.getElementById（'login\u emailbox'）。值；
$.ajax({
url:'index.php/Controller/function'，
方法：“post”，
数据：{login\u emailbox:login\u emailbox}，
数据类型：“json”，
成功：功能（响应）{
警报（“数据更新”）；
}
});
}); 
});

登录
$（文档）.ready（函数（）{
$（'#loginbtn'）。单击（函数（）{
var login\u emailbox=document.getElementById（'login\u emailbox'）。值；
$.ajax({
url:'index.php/Controller/function'，
方法：“post”，
数据：{login\u emailbox:login\u emailbox}，
数据类型：“json”，
成功：功能（响应）{
警报（“数据更新”）；
}
});
}); 
});

在不重新加载页面的情况下进行表单提交需要ajax。这里有一个简单的原型：问题是，我需要编写代码来说明CodeIgniter的URL映射是如何工作的。我需要在URL中指定控件名和函数（问题中的示例）。因此，您链接的问题并没有解决CodeIgniter@VladimirRamikIt应该可以很好地工作-您只需要一个ajax调用，该调用指向：index.php/LoginController/logiuser，并让该控制器使用ajax调用处理formya。要在不重新加载页面的情况下提交表单，需要ajax。这里有一个简单的原型：问题是，我需要编写代码来说明CodeIgniter的URL映射是如何工作的。我需要在URL中指定控件名和函数（问题中的示例）。因此，您链接的问题没有解决CodeIgniter@VladimirRamikIt应该很好-您只需要一个ajax调用，该调用指向：index.php/LoginController/logiuser，并让该控制器使用ajax调用处理表单..我想我应该将按钮的类型设置为“button”，而不是submit？没关系。。事件在单击

loginbtn

Hmmm时触发。如果我将submit添加为typeSorry brov，它会刷新：/Oh snap，我认为我的jquery相关代码都不起作用。我将CDN链接引用为：并且我认为应该将按钮的类型设置为“按钮”，而不是“提交”，这无关紧要。。事件在单击

loginbtn

Hmmm时触发。如果我将submit添加为typeSorry brov，它会刷新：/Oh snap，我认为我的jquery相关代码都不起作用。我将CDN链接引用为：