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)">

  <input type="submit" name="goose" />

</form>

Java脚本：

function submit(event, form) {

  event.preventDefault();

  fetch(form.action,{

    method: 'post', 

    body: new FormData(form)

  }).then((data) => {

    console.log(data);

  });

}