how to get ajax form submit return value

Question

I use ajax to submit a form, however when i finished the whole process, it stopped at the api.php and did get back to the ajax success. Here the code:

<form method="POST" id="form_1" action="../api.php" enctype="multipart/form-data" novalidate="novalidate">
  <input type="text" name="name" id="name" value="Amy" readonly="readonly">
  <input id="fileBox" class="fileUpload" type="file" name="img" accept="image/*" required>
  <input type="hidden" name="isSubmit" value="1"/>
</form>

<a id="btnSubmit" href="javascript:void(0)">Submit</a>

$("#form_1").submit(function(){
  var formData = new FormData(($this)[0]);
  $ajax({
    type: "POST",
    url: "../../api.php",
    data: { action:"formSubmit", formData:formData},
    processData: false,
    contentType: false,
    success: function(){
      console.log('success return');
    }
  })
});

$("#btnSubmit").click(function(){
  if($("#form_1").valid()){ 
    // inside click event handler you trigger form submission
    $("#form_1").trigger('submit');
  }
});

in my api.php

if($action=='formSubmit'){
  $name = $_POST['name'];
  if(createUser($name)){
    return true;
  }else{
    return false;
  }
}

I checked the database , record is successfully created. But I can't get the console in success. The url show on the browser there is the path of the api.php. Why I stopped there can't get the return?

Thanks for your help!!

I finallly did it !I am missing "return false" after the ajax; But actually I dont really know the function of return false;

$("#form_1").submit(function(){
var formData = new FormData((this)[0]);
$.ajax({
type: "POST",
url: "../../api.php",
data: { action: "formSubmit",  formData: formData},
processData:false,
contentType:false,
success: function(data){
$("#thankyou").show();
}
})
return false;  
});

Praveen Kumar Purushothaman · Accepted Answer · 2015-10-08 19:35:00Z

3

Redirecting to other page will have the header() to use:

if ($action == 'formSubmit') {
  $name = $_POST['name'];
  if (createUser($name)) {
    // Redirect to right.htm
    header("Location: right.htm");
  } else {
    // Redirect to wrong.htm
    header("Location: wrong.htm");
  }
  die();
}

edited Oct 8, 2015 at 19:35

answered Oct 8, 2015 at 18:56

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

13 Comments

SFY Over a year ago

but now i really echo a text 'true' in the api.php and didn't go back to the form page

SFY Over a year ago

No. still stay at api.php

SFY Over a year ago

after submit in index.php then landed to api.php and echo the text 'true'

Praveen Kumar Purushothaman Over a year ago

@SFY What exactly wanted it to happen. Give return false after $("#form_1").trigger('submit');.

SFY Over a year ago

redirect to another page if false. if true, then show div

|

RNK · Accepted Answer · 2015-10-08 19:03:10Z

1

javascript doesn't recognize return value from php. Use echo instead.

if($action=='formSubmit'){
    $name = $_POST['name'];
    if(createUser($name)){
       echo 'true';
    }else{
       echo 'false';
    }
}

If you want to see actual output coming from api.php then use below code in your ajax.

success: function(res){
   console.log(res);
}

edited Oct 8, 2015 at 19:03

answered Oct 8, 2015 at 18:53

RNK

5,79211 gold badges71 silver badges144 bronze badges

5 Comments

SFY Over a year ago

I used echo but the stay at the api.php instead of the form page

RNK Over a year ago

What do you mean by stay at the api.php?

SFY Over a year ago

after submit in index.php then landed to api.php

SFY Over a year ago

and echo the text 'true';

RNK Over a year ago

That means you are not into the ajax call. Try to put alert("here"); just below this line: $("#form_1").submit(function(){.

Collectives™ on Stack Overflow

how to get ajax form submit return value

2 Answers 2

13 Comments

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

13 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related