Ajax Post - Unable to get Post variable

Question

codeigniter 2.0

form.tpl:

<form class="form-book" id="class-form" method="POST">
  inside full of checkbox....
<button type="button" class="btn" id="submit-btn">Submit</button>
</form>
<script>
$(document).ready(function() {
    $('#submit-btn').click(function(){  
        $('#response').html("<b>Loading response...</b>");
                var serializedData = $form.serialize();
        $.ajax({
            type: 'POST',
            url: 'http://www.example.com/booking/checkbooking', 
            data: serializedData,
        })
        .done(function(data){
            $('#response').html(data);          
        })
        .fail(function() {
            alert( "Posting failed." );

        });
        return false;
    }); 
});
</script>

http://www.example.com/booking/checkbooking:

public function checkbooking(){
    print_r($_POST);
}

I cant get any post value. What have I miss?

@СеменихинМаксим, This is all my full. the rest is just around 50 to 60 input checkbox. Nothing else. — learnallskill, Jun 30 '16 at 06:30

score 1 · Answer 1 · edited May 23 '17 at 11:44

1

You should to use method: 'POST' not type: 'POST' if you're using a jQuery version larger than 1.9.0

If $_POST is empty, you're either not POSTING it, or it's being emptied and handled elsewhere for security.

You could also check the HTTP Headers and ensure the POST data is actually being sent, click here for instructions

type (default: 'GET') Type: String An alias for method. You should use type if you're using versions of jQuery prior to 1.9.0.

An alias for method.

$.ajax({
    method: 'POST',
    url: 'http://www.example.com/booking/checkbooking', 
    data: $('form#class-form').serialize(),
    beforeSend: function() {
            // stuff to do before ajax request is made
    },
    success: function (data) {
            // same as .done()
    },
    error: function() {
            // same as .fail()
    }
});

edited May 23 '17 at 11:44

Community

1
1

answered Jun 30 '16 at 03:55

zanderwar

3,440
3
28
46

1

Give us some descriptions, why not type but method? – Peternak Kode Channel Jun 30 '16 at 04:42
http://api.jquery.com/jquery.ajax/ type (default: 'GET') Type: String An alias for method. You should use type if you're using versions of jQuery prior to 1.9.0. – Maksym Semenykhin Jun 30 '16 at 05:22
Thanks for pointing that out @СеменихинМаксим - updated answer – zanderwar Jun 30 '16 at 05:30
@СеменихинМаксим, my js is {js('jquery-1.10.min.js',$attr,TRUE)} – learnallskill Jun 30 '16 at 06:26

Arvind · Accepted Answer · 2016-06-30T10:26:29.097

there is no element like $form, use $('#class-form') instead of $form.

<form class="form-book" id="class-form" method="POST">
  inside full of checkbox....
<button type="button" class="btn" id="submit-btn">Submit</button>
</form>
<script>
$(document).ready(function() {
    $('#submit-btn').click(function(){  
        $('#response').html("<b>Loading response...</b>");
                var serializedData = $('#class-form').serialize();
        $.ajax({
            method: 'POST',
            url: 'http://www.example.com/booking/checkbooking', 
            data: serializedData,
        })
        .done(function(data){
            $('#response').html(data);          
        })
        .fail(function() {
            alert( "Posting failed." );

        });
        return false;
    }); 
});
</script>

Actually is works. It been so many year never touch checkbox. I forget it will not post if never checked.....lol. — learnallskill, Jun 30 '16 at 06:33

Ajax Post - Unable to get Post variable

2 Answers2