Jquery Ajax POST method is not working, return undefined value

Question

POST method return undefined value, but GET method working fine. I even tried $.post(url, data, success); << $.post even worse GET and POST can't work.

<input type="submit" value="submit"  id="btnUpload">


$('#btnUpload').click(function(){       
$.ajax({  
    type: 'POST',  
    url: 'ajax.php',
    data: { 'action': 'scan_email' },
    success: function(response) {
        alert(response);
        }
    });

ajax.php

<?php echo $_POST['action'];?>

what do you have on your form action?can you add html mark up? — guradio
– guradio, Commented Apr 20, 2016 at 2:22

Meathanjay · Accepted Answer · 2016-04-20 02:30:03Z

1

Use method instead of type:

Code:

<input type="submit" value="submit"  id="btnUpload">

$('#btnUpload').click(function(){       
    $.ajax({  
    method: 'POST',  
    url: 'ajax.php',
    data: { 'action': 'scan_email' },
    success: function(response) {
       alert(response);
    }
});

answered Apr 20, 2016 at 2:30

Meathanjay

2,0833 gold badges18 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Txuver Jhi Wei Over a year ago

It works. Why method instead of type? any different method, type, datatype?

Meathanjay Over a year ago

Actually, type is an alias of method but it matters with jQuery version.

Txuver Jhi Wei Over a year ago

I see. I see all tutorials and stack overflow answer all almost are using type.

J.K · Accepted Answer · 2016-04-20 02:36:15Z

0

Added the jquery library

<input type="button" value="submit" id="btnUpload">

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){ 

    $('#btnUpload').on('click', function(){ 

        $.ajax({
                type: "POST",  
                url: "login.php",  
                data: { 'action':'scan_email'},
                success: function(theResponse) {

                    // Output from ajax.php
                    alert(theResponse); // comment this

                    }  
            });
    });
});                 
</script>

answered Apr 20, 2016 at 2:36

J.K

1,3741 gold badge12 silver badges27 bronze badges

2 Comments

Txuver Jhi Wei Over a year ago

I have added. otherwise it can't call php and return undefined value. Thanks sir.

J.K Over a year ago

yeah. Need to check the library version also, it matters with the events. Use 'on' instead 'click' which works better for dynamically added elements.

Collectives™ on Stack Overflow

Jquery Ajax POST method is not working, return undefined value

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related