CODEWITHSUNDEEP
javascriptajaxcodeigniter
Suppakrit Wongpanya
Suppakrit Wongpanya

Reputation: 1

Can't use formdata sent value to controller

I have problem: I can't use Formdata sent value to controller. I want to see value from Formdata after I sent value to controller and I try to sent from data to controller but I don't understand why controller return all code HTML.

THIS HTML CODE

<body>
    <div class="container-fluid">
        <div>
            <form id="submitForm" method="post">
                <input type="text" name="amount" value="100">
                <input type="submit" value="submit">
            </form>
        </div>
    </div>
</div>
</body>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
    $(document).ready(function() {
        $('#submitForm').submit(function(e){
            e.preventDefault();
            var formData = new FormData(this);
            console.log(formData);

            $.ajax({
                type:'POST',
                url:'<?php base_url("Notifyoffense/test") ?>',
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                // dataType: 'JSON',
                success:function(data){
                    alert (data)
                }
            })
        });
    });
</script>

THIS CONTROLLER

public function test()
{
    print_r($this->input->post());
    die;
}

OUTPUT enter image description here

Upvotes: 0

Views: 195

Answers (1)

Md Abdul Awal
Md Abdul Awal

Reputation: 522

You forgot to echo your action url

$.ajax({
    type:'POST',
    url:'<?php echo base_url("Notifyoffense/test") ?>',
    data: formData,
    cache: false,
    contentType: false,
    processData: false,
    dataType: 'JSON',
    success:function(data){
    alert (data)
}

Upvotes: 1

Related Questions