php – Codeigniter和jquery Ajax

我无法通过表单在数据库中使用ajax插入数据,没有人可以帮助我的firebug错误

视图：

<!DOCTYPE html>
<html>
<head>
	<Meta charset="utf-8">
	<Meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Blog</title>
	<link rel="stylesheet" href="<?PHP echo base_url("assets/css/bootstrap.min.css"); ?>">
</head>
<body>
	<h3 style="text-align: center;">CODEIGNITER AJAX</h3>
	<div class="row">
		<div class="alert alert-success" id="message" style="display: none;">
		</div>
		<div class="col-md-4"></div>
		<div class="col-md-4">
			<?PHP echo form_open('blog_c',array('id'=>'myForm'));?>
				<div class="form-group">
					<label>EMAIL:</label>
					<input type="text" name="email" id="email" class="form-control" placeholder="EMAIL">
				</div>
				<input type="submit" value="ENVOYER" id="btn">
			<?PHP echo form_close()?>
		</div>
	</div>
	<script type="text/javascript" src="<?PHP echo base_url()?>assets/js/jquery-3.1.1.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$('#btn').click(function(){
				var email=$('#email').val();
				$.ajax({              //request ajax
					url:"<?PHP echo site_url('blog_c/registre')?>",
					type:POST,
					data:{email:email},
					dataType:json,
					 success: function(repons) {
                   		 $("#message").html(repons);
                   		
               			 },
	               	 error: function() {
	                    alert("Invalide!");
	                	}
				});
			});
		});
		
	</script>
</body>
</html>

模型：

<?PHP if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Blog_m extends CI_Model
{
	function __construct()
	 {
	    parent:: __construct();
	  }
	 function registre($data)
	{
		$this->db->insert('utilisateurs',$data);
	} 

}

的Controler：

<?PHP if (!defined('BASEPATH')) exit('No direct script access allowed');

class Blog_c extends CI_Controller 
{
	public function __construct()
	{
		parent::__construct();
		
	}

	public function index()
	{
		$this->load->view('blog_w');
	}

	public function registre()
	{
		// set rules
	$this->form_validation->set_rules('email','EMAIL','trim|required|valid_email|is_unique[utilisateurs.email]');
	if($this->form_validation->run()==FALSE)
		{
			echo validation_errors();
		}else{
			$data=array(
				'email'=>$this->input->post('email'));
			$this->blog_m->registre($data);
			

			echo "<div class='alert'>Inscription success</div>";
			echo "email";
		}
	}

}

没有错误,但数据没有插入数据库,也没有成功消息.

解决方法:

试试这个.

在视图中(AJAX部分)

<script>
    $(function(){
        $( "#btn" ).click(function(event)
        {
            event.preventDefault();
            var email= $("#email").val();

            $.ajax(
                {
                    type:"post",
                    url: "<?PHP echo base_url(); ?>index.PHP/blog_c/registre",
                    data:{ email:email},
                    success:function(response)
                    {
                        console.log(response);
                        $("#message").html(response);
                        $('#cartmessage').show();
                    }
                    error: function() 
                    {
                        alert("Invalide!");
                    }
                }
            );
        });
    });
</script>

在控制器中

public function registre()
{

    $email = $this->input->post('email'); # add this

    $this->form_validation->set_rules('email','EMAIL','trim|required|valid_email|is_unique[utilisateurs.email]');

    if($this->form_validation->run() == FALSE)
    {
        echo validation_errors();
    }
    else
    {               
        if(!$this->blog_m->registre($email))
        {
            echo "Something Went Wrong";
        }               
        else
        {
            echo "Inscription success";
        }

    }
}

在模型中

function registre($email)
{
    $data = array(
                'email'=>$this->input->post('email')
            );

    $this->db->insert('utilisateurs',$data);
}

php – Codeigniter和jquery Ajax

相关推荐