Corentin Verpillat Corentin Verpillat - 2 months ago 9
jQuery Question

Ajax send no data [ Codeigniter ]

i have a problem in ajax, indeed, i try to send value with ajax to my upload function before submit.
But when i check the $_POST array in my php code, there is only the value of the form, and not from the ajax, and I don't know why.
Here is my code :


<button id="btn_saisie" class="btn btn-app saver adddocu" ><i class="fa fa-save whiter"></i></button>

<form action="/uploader/adddocu" id="form_saisie" class="form_saisie" method="POST" enctype="multipart/form-data">

<input type="file" name="document" class="val_peage form-control form_num" id="document" data-rest="document" placeholder="Document">
<input type="text" name="description" class="val_parking form-control form_num" id="description" data-rest="description" placeholder="Description">

JS :

$( ".adddocu" ).click(function() {
if ($('#document').val() != "" && $('#description').val() != ""){
if ($('#document').val() == "")
else if ($('#description').val() == "")
alert('test2'); });

function api_sendvalue_adddoc(){
user = JSON.parse(sessionStorage.getItem('user'));
pays = localStorage.getItem("pays");
magasin = localStorage.getItem("magasin");
type: 'POST',
url: '/uploader/adddocu',
data: {pays:pays, magasin:magasin},
success: function(data){
error: function(xhr){
}); }


public function adddocu(){
$path = './asset/upload/pdf/';
$path2 = '/asset/upload/pdf/';
$config['upload_path'] = $path;
$config['encrypt_name'] = false;
$config['file_ext_tolower'] = true;
$config['allowed_types'] = 'pdf';

// die(var_dump($_POST));
$this->load->library('upload', $config);
foreach($_FILES as $id => $name)
$upload_data = $this->upload->data();
$url = $path2 . $upload_data['file_name'];
$data = array('nom' => $upload_data['raw_name'], 'description' => $_POST['description'], 'url' => $url, 'user_id' => '17');
$this->db->insert('pdf', $data);

So, when I var_dump the $_POST array, I only have the value of "description", and not of "pays" and "magasin".

Can you help me please?

Thanks for your time.


Seems like you are accessing localstorage value , you are posting it somewhere and then submiting the form.

More you are submiting the form which dont have this pays & magasin so i have a trick sugin which you can achieve it.

Create two hidden inputs inside your HTML form like

<input type="hidden" name="pays" id="pays">
<input type="hidden" name="magasin" id="magasin">

Now before ajax call give them values after getting it from local storage, like this.

user = JSON.parse(sessionStorage.getItem('user'));
pays = localStorage.getItem("pays");
magasin = localStorage.getItem("magasin");


$.ajax({ .... });

Continue your code and enjoy. Hopefully it will work for you.