如何获取ajax表单提交返回值

时间:2015-10-08 18:50:23

标签: javascript php jquery ajax forms

我使用ajax提交表单,但是当我完成整个过程时,它停在api.php并确实回到了ajax的成功。 代码如下:

<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');
  }
});

在我的api.php中

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

我检查了数据库,记录成功创建。但我无法成功获得控制台。浏览器上显示的url是api.php的路径。我为何停在那里无法获得回报?

感谢您的帮助!!

我完全做到了!我失踪了#34;返回虚假&#34;在ajax之后;但实际上我真的不知道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;  
});

2 个答案:

答案 0 :(得分:3)

重定向到其他页面将使用header()

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();
}

答案 1 :(得分:1)

javascript无法识别来自php的返回值。请改用echo

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

如果您想查看来自api.php的实际输出,请使用ajax中的以下代码。

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