[英]CodeIgniter: Avoiding Refresh after Submitting Form?
我基本上是向我的控制器提交表單值,並且正在使用CodeIgniter Framework。 但是,當我將值發送到控制器的函數時,頁面將更改為控制器,並離開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>
LoginController.php:
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)我通過=> http://localhost/codeig/index.php/LoginController/index瀏覽到index.php
2)填寫表格,然后點擊提交。 值提交給函數: loginuser
3)頁面被重定向到“ loginuser”功能
如何避免這種情況,並且基本上將值發送到控制器中的loginuser函數,而不刷新當前頁面?
<form action="" method="post" id="myForm">
<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>
你的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;
});
<form>
<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>
<script>
$(document).ready(function(){
$('#loginbtn').click(function(){
var login_emailbox = document.getElementById('login_emailbox').value;
$.ajax({
url:'<?=base_url()?>index.php/Controller/function',
method: 'post',
data: {login_emailbox: login_emailbox},
dataType: 'json',
success: function(response){
alert('data updated');
}
});
});
});
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.