Ajax脚本编写

Question

例如，我有这样的代码

​

<?php 
if(isset($_POST['goose'])){
echo '<div>goose</div>';
}
?>

​

​

  <form action="goose.php" method="POST">
    <input type="submit" name="goose" />
    </form>

​

如果不是用AJAX，我怎么能写这样的东西呢？我不懂这种语言。

Answer 1

我建议使用jQuery。

$.ajax({  //  begins our async AJAX request
  type: "POST",  //  defining as POST
  url: "goose.php",  //  page to request data from
  data: ["goose":$("input[name=goose]").val()],  //  define POST values
  success: function(output){
    alert(output);
  },
  error: //do something else
});

因为我们已经将类型设置为POST，所以我们的数据需要以关联数组的形式出现，而"goose"相当于$_POST["goose"]。

  data: ["goose":$("input[name=goose]").val()],

如果数据能够正确地发送，并且返回的是success，那么output就会发生什么。在我们的例子中，output = <div>goose</div>。

  success: function(output){
    alert(output);
  }

error也可以有一个函数，但是在这里，您需要告诉脚本，如果不能访问goose.php，应该做什么。

Answer 2

不需要额外的框架。只需使用fetch api。

<form action="goose.php" method="POST" onsubmit="submit(event, this)">
  <input type="submit" name="goose" />
</form>

Javascript：

function submit(event, form) {
  event.preventDefault();

  fetch(form.action,{
    method: 'post', 
    body: new FormData(form)
  }).then((data) => {
    console.log(data);
  });
}