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

不需要额外的框架。只需使用获取 api。<form action="goose.php" method="POST" onsubmit="submit(event, this)">&nbsp; <input type="submit" name="goose" /></form>Java脚本：function submit(event, form) {&nbsp; event.preventDefault();&nbsp; fetch(form.action,{&nbsp; &nbsp; method: 'post',&nbsp;&nbsp; &nbsp; body: new FormData(form)&nbsp; }).then((data) => {&nbsp; &nbsp; console.log(data);&nbsp; });}