Ajax form not getting a reply from php file

Question

This form is working perfectly fine, e.g. it stops the form submitting, there's no javascript errors in the console log. However, when I press submit, I get an alert with nothing in it. I have searched the internet for multiple solutions and they all give the same for me.

Here's my Javascript/Html

<script>
$(function(){
    $("#submit").click(function(event){ 
        event.preventDefault();
        $.ajax({
            type:"post",
            url:"templates/process-token.php",
            data:$("#form").serialize(),
            success:function(response){
                alert(response);
            }
        });
    });
});
</script>

<form id="form" method = "post" action = "security_check">
    <input type = "text" name = "fld1" id = "fld1" />
    <input type = "text" name = "result1" id = "result1" value = "value_from_php_page" disabled />
    <input type="submit" value="Submit" id="submit">
</form>

And here's the PHP, it's so simple but doesn't work:

<?php
    echo $_POST["fld1"];
?>

Any help here would be appreciated. Thank you.

check in your console whether control is going to your php page and printing the data or not. — user2936213, Jan 24 '14 at 12:20
Maybe there's a PHP parse error, did you check the response in devtools? — Lars Beck, Jan 24 '14 at 12:25
Try changing your `data` to just `fld1=test` instead of the entire form and see which is causing the problem, JS or PHP — Casey Dwayne, Jan 24 '14 at 12:26
`if(isset($_POST["fld1"])){ echo $_POST["fld1"]);}` try doing this way. — Jai, Jan 24 '14 at 12:26
Do a basic debug. Inspect the ajax console on your browser console, check the response is correct. — pleasedontbelong, Jan 24 '14 at 12:28

score 1 · Answer 1 · answered Jan 24 '14 at 12:33

You could do this with JSON both ways. Here's how I would implement this kind of thing in JavaScript and PHP.

There's a great function in jQuery that is a shortcut for getting JSON data. It's a shortcut for $.ajax specifically for simple calls.

$.getJSON( "templates/process-token.php?"+$("#form").serialize(), function( data ) { alert( data.reponse ) } );

PHP could return a json encoded string so it can be accessed from the JavaScript code more easily.

<?php echo json_encode( array('response'=>$_POST['fld1']) ); ?>

score 1 · Accepted Answer · answered Jan 24 '14 at 12:38

1

Change data from $('#form').serialize() to a one test variable so you can see if it is JS or PHP that is causing the issue.

On your PHP page:

<?php
   isset($_POST["fld1"]) ? $myvar1 = $_POST["fld1"] : $myvar1 = 'No data passed...';
   echo $myvar1;
?>

This confirms that there is infact an fld1 in the $_POST, and if not, says so, taking away the guess work...

answered Jan 24 '14 at 12:38

Casey Dwayne

2,142
1
17
32

Very good, thank you. I did try this with a previous version of the code and didn't work. However, this time it did. Thanks for your help @kcdwayne, have a good day. – Jarrod Jan 24 '14 at 13:21
You're welcome, happy to help. It's always a good idea to setup a method of handling (in this case, preventing) errors both client and server side. Empty/undefined errors can cause a lot of problems, and without having feedback from the program it can really leave you guessing! By the way, for development, you should have your error reporting turned on. Just remember to disable once it's working on the server! http://stackoverflow.com/questions/6575482/how-do-i-enable-error-reporting-in-php – Casey Dwayne Jan 24 '14 at 13:47
Yeah, I fixed that up too. This was disabled from previous projects :) Again, thanks for your help. – Jarrod Jan 24 '14 at 14:06

score 0 · Answer 3 · answered Jan 24 '14 at 12:27

0

That can happen only if the text box #fld1 is empty. Type something in the text box and it will work.

answered Jan 24 '14 at 12:27

Zvonimir Burić

528
3
11

Ajax form not getting a reply from php file

3 Answers3