AJAX not sending Form Data to PHP

Question

I' sending some form data to PHP via AJAX. The value of the input field is being displayed before the data is sent using AJAX, but in the PHP script the value received is NULL.

$(document).ready(function(){ $('#my_form').submit(function(){ event.preventDefault(); var form = $('form')[0]; var formData = new FormData(form); $.ajax({ url: "signup.php", enctype: "multipart/form-data", cache: false, type: "post", dataType: "html", data: formData, processData: false, success: function(response){ //do something }, error: function (xhr, ajaxOptions, thrownError) { // some alert } }); }); });

PHP

<?php //....... $fname=$_POST['fname']; $lname=$_POST['lname']; //....... ?>

HTML

<form id="my_form" method="post"> <input type="text" id="fname" name="fname" class="inputname" placeholder="First Name" required/> <input type="text" id="lname" name="lname" class="inputname" placeholder="Last Name" required/> <input type="submit" value="BUTTON" class="submitbtn"> </form>

I get some Undefined index:fname warning

What are you returning your data as? JSON? What is the value of response in success? — An0nC0d3r
– An0nC0d3r, Commented Oct 24, 2015 at 11:41

VIJAY P · Accepted Answer · 2018-04-09 10:27:36Z

You can use serialize() function in jquery.

$(document).ready(function(){ $('#my_form').submit(function(){ event.preventDefault(); var data = $(this).serialize(); $.ajax({ url: "signup.php", cache: false, type: "post", data: data, success: function(response){ //do something }, error: function (xhr, ajaxOptions, thrownError) { // some alert } }); }); }); <?php $fname=$_POST['fname']; $lname=$_POST['lname']; echo $fname; echo $lname; ?>

Luke Joshua Park · Accepted Answer · 2015-10-24 11:31:08Z

1

Change enctype to x-www-form-urlencoded. This is the default for forms that don't specify an encoding type, like yours.

answered Oct 24, 2015 at 11:31

Luke Joshua Park

9,8785 gold badges32 silver badges46 bronze badges

1 Comment

Jerry Over a year ago

I did ... but still data is not passed to PHP.

Mohamed-Yousef · Accepted Answer · 2015-10-24 12:02:06Z

Ok you can try

$(document).ready(function(){ $('#my_form').submit(function(event){ event.preventDefault(); var fname= $(this).find('#fname').val(); var lname= $(this).find('#lname').val(); $.ajax({ url: "signup.php", type: "post", data: {fname:fname , lname:lname}, success: function(response){ alert(response); }, error: function (xhr, ajaxOptions, thrownError) { // some alert } }); }); });

in php

<?php //....... $fname=$_POST['fname']; $lname=$_POST['lname']; echo $fname .|||. $lname; //....... ?>

I get "Undefined index:fname Undefined index:lname" in my php
Serializing the data helped. At first i didn't serialize the data cuz i had sign_in form and it works fine without serialization....so i wanted to know what i was doig wrong with this sign_up form.....any way thanks for the comment above

Collectives™ on Stack Overflow

AJAX not sending Form Data to PHP

3 Answers 3

Comments

1 Comment

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Related