I'm using Krajee the Bootstrap File Input plugin to perform an upload via AJAX call.

Here is the link to the Krajee plugin AJAX section: Krajee plugin AJAX

The JS and PHP (codeigniter) codes I'm using are as following:

JS:

<script>        

    $(#file-upload).fileinput({ 

        'allowedFileExtensions' : ['csv'],

        'maxFileSize': 5120,

        'maxFileCount': 1,

        'uploadUrl': 'dashboard/uploader',

        'elErrorContainer': '#errorBlock',

        'uploadAsync': true,

        'msgInvalidFileExtension': 'Invalid extension for file {name}. Only {extensions} files are supported.',

        'uploadExtraData': {csrf_token_name: $(input[name=csrf_token_name]).val()}

    });       

</script>

PHP:

public function uploader(){

    $config['upload_path'] = './csv_uploads/';

    $config['allowed_types'] = 'csv';

    $config['max_size'] = '5120';



    $this->upload->initialize($config);

    if (!$this->upload->do_upload(file-upload)){

        $data['error'] = 'The following error occured : '.$this->upload->display_errors().'Click on Remove and try again!';

        echo json_encode($data); 

    } else {

        echo json_encode(success); 

    }            

}

Right now I get a response from PHP whatever it is an error or a success as JSON, I have went through the plugin documentation and I still can't find how to catch the AJAX response and act according to that response as we do in jQuery with the ajax success function :

success: function (response) {

            //Deal with the server side response data.

         },

How can I do this?