AJAX request with CodeIgniter keep giving forbidden error

Question

I am trying to check whether the user email exists or not in CodeIgniter.

Here is the controller of CodeIgniter which I am using:

public function check_email() {

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

    echo "error";
    if($email)
    {    
        $this->load->model('auth/register_model'); 
        $return_array = $this->register_model->check_member($this->input->post('email'));
        if($return_array == true)
        {
            $json['success'] = 'false' ;
            $json['exit'] = 'true';
            die(json_encode($json,JSON_PRETTY_PRINT));
        }    
        else
        { 
            $json['success'] = 'true' ;
            $json['exit'] = 'false';
            die(json_encode($json,JSON_PRETTY_PRINT));
        }

    } 

}

Here is the model of CodeIgniter which I am using:

public function check_member($email) {

    $this->db->select('user_id')->from(DB_PREFIX .'publisher')->where('email', $email);
    $q = $this->db->get();
    if ($q->num_rows() == 1) {
        return true;
    }

    return false;

}

Here is the AJAX of CodeIgniter which I am using:

function checkAvailability() {
    if($("#email").val()) {
        $(".showLiveEmail").addClass("fa fa-refresh fa-spin");
        $(".showEmail").removeClass("has-success");
        jQuery.ajax({
            url: "auth/register/check_email",
            data:'email='+$("#email").val(),
            type: "POST",
            success:function(data){
                if(data.success=="true")
                {
                    $(".showLiveEmail").removeClass("fa fa-refresh fa-spin");
                    $(".showEmail").removeClass("has-error")
                    $(".showLiveEmail").removeClass("fa fa-times");
                    $(".showLiveEmail").addClass("fa fa-check");
                    $(".showEmail").addClass("has-success");
                }
                else
                {
                }
            },
            error:function (){}
        });
    }
    else
    {
        $(".showLiveEmail").addClass("fa fa-times");
        $(".showEmail").removeClass("has-success")
        $(".showEmail").addClass("has-error")
    }
}

Can anyone please help me out? I just started CodeIgniter and I'm now facing this.

if you're doing post via ajax, you need to pass a csrf token or rather change it to get method if you don't want — Roljhon, May 06 '17 at 07:22
Here http://stackoverflow.com/questions/7348383/codeigniter-ajax-csrf-problem — Roljhon, May 06 '17 at 07:37

score 0 · Answer 1 · edited May 07 '17 at 09:04

The error is in your ajax request call. Below I am attaching the right code for the same. Ajax URL and Passing Data these are the two things you need to care about for now, else are good:

function checkAvailability() {
if($("#email").val()) {
    $(".showLiveEmail").addClass("fa fa-refresh fa-spin");
    $(".showEmail").removeClass("has-success");
    var getEmail = $("#email").val();
    jQuery.ajax({
        url: "<?php echo base_url('auth/register/check_email'); ?>",
        data:{'email':getEmail},
        type: "POST",
        success:function(data){
            if(data.success=="true")
            {
                $(".showLiveEmail").removeClass("fa fa-refresh fa-spin");
                $(".showEmail").removeClass("has-error");
                $(".showLiveEmail").removeClass("fa fa-times");
                $(".showLiveEmail").addClass("fa fa-check");
                $(".showEmail").addClass("has-success");
            }
            else
            {
            }
        },
        error:function (){}
    });
}
else
{
    $(".showLiveEmail").addClass("fa fa-times");
    $(".showEmail").removeClass("has-success");
    $(".showEmail").addClass("has-error");
}
}

This should work. Let me know if you face any error

score 0 · Answer 2 · answered May 07 '17 at 08:40

Modfiy the controller like the one below

public function check_email() {

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

    //echo "error"; // this is not needed here
    if($email)
    {    
        $this->load->model('auth/register_model'); 
        $return_array = $this->register_model->check_member($this->input->post('email'));
        if($return_array == true)
        {
            $json['success'] = 'false' ;
            $json['exit'] = 'true';
        }    
        else
        { 
            $json['success'] = 'true' ;
            $json['exit'] = 'false';
        }
         echo json_encode($json);
    }
    else{
       echo "error";
        } 

}

score 0 · Answer 3 · answered May 24 '17 at 04:03

I thinnk you're missing dataType:'json' in your ajax call.
Try this

var email = $("#email").val();
    $.ajax({
        url: "<?php echo base_url(); ?>auth/register/check_email",
        data:'email='+email,
        type: 'POST',
        dataType : 'json',
        success:function(data)
        {
            if(data.success=="true")
            {
                $(".showLiveEmail").removeClass("fa fa-refresh fa-spin");
                $(".showEmail").removeClass("has-error")
                $(".showLiveEmail").removeClass("fa fa-times");
                $(".showLiveEmail").addClass("fa fa-check");
                $(".showEmail").addClass("has-success");
            }
            else
            {
            }
        }
    });

Hope it will work :)

AJAX request with CodeIgniter keep giving forbidden error

3 Answers3