Get form data from formData() object in php

Question

How to get data submitted via formData() object in Ajax and jQuery to PHP file.

 //jQuery sample code
    if((unerr = "")){
            $.ajax({
                method: "post",
                url : "ajax.php",
                data: new FormData(this),
                processData: false,
                async: false,
                cache: false,
                contentType: false
            })
            .done(function(data){
                if(data == "error"){
                  $("#msg").html("<p class='text-danger'>An error occured, please try again</p>").fadeIn("slow");
              }
            });
        }
//php file

    <?php
//Database connection
include_once('includes/db_connect.php');
if($_POST){
  $username = $_POST['un'];
//insert values
$insert_values=$con->prepare("INSERT INTO users(username) VALUES(?)");
$insert_values->execute(array($username));
$affected_rows = insert_values->rowCount();
if($insert_values->execute()){
    echo "great";
}else{
    echo "error";
}  
}

?>

I get no response while submitting the form, I don't know what could be wrong.

new FormData(this) ? this refer to what?

Pedram
– Pedram

2018-04-07 05:54:58 +00:00
Commented Apr 7, 2018 at 5:54 — Pedram
– Pedram, Commented Apr 7, 2018 at 5:54
$("#signup_form").submit(function(e){

uji moto
– uji moto

2018-04-07 05:57:38 +00:00
Commented Apr 7, 2018 at 5:57 — uji moto
– uji moto, Commented Apr 7, 2018 at 5:57
it refers to the sign up form from which to get data

uji moto
– uji moto

2018-04-07 05:58:07 +00:00
Commented Apr 7, 2018 at 5:58 — uji moto
– uji moto, Commented Apr 7, 2018 at 5:58
use var_dump($_POST); in your php code, see the result

Pedram
– Pedram

2018-04-07 06:02:44 +00:00
Commented Apr 7, 2018 at 6:02 — Pedram
– Pedram, Commented Apr 7, 2018 at 6:02
Try new FormData($('form')[0])

Karlo Kokkak
– Karlo Kokkak

2018-04-07 06:11:28 +00:00
Commented Apr 7, 2018 at 6:11 — Karlo Kokkak
– Karlo Kokkak, Commented Apr 7, 2018 at 6:11

Nirali · Accepted Answer · 2018-04-07 07:09:27Z

1

Try using below ajax code check result of $_POST response array.

$("#signup_form").submit(function(e){
    $.ajax({
            url: "ajax.php",
            type: "POST",
            data: new FormData($("#signup_form")[0]),
            contentType: false,
            cache: false,
            processData:false,
            dataType: 'json',
            success: function(done){
              console.log(done)
            },
            error: function(error){
              console.log(error);
            }
        });
});

answered Apr 7, 2018 at 7:09

Nirali

1,7863 gold badges14 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

Get form data from formData() object in php

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related