Comment soumettre un formulaire en utilisant Ajax et y recevoir des données JSON

Cette fois, je vais vous montrer comment utiliser Ajax pour soumettre un formulaire et recevoir les données json qu'il contient. Quelles sont les précautions concernant l'utilisation d'Ajax pour soumettre un formulaire et recevoir les données json qu'il contient. Ce qui suit est un cas pratique. Jetons un coup d'œil.

Exigences :

Après avoir cliqué sur le bouton, les données sont soumises au serveur sous la forme d'un formulaire et les données de retour du serveur sont reçues. La page ne s'actualise pas pendant le processus.

code html

 <meta>
 <script></script>
 <script></script>
 
 
 
  

   

xingming:

   

nianling:

  

      ajax提交     

code js

function mysubmmit(){
 $.ajax({
  type: "POST",
  url: "testajaxend.php",
  data: $('#form1').serialize(),
  async: false,
  success: function(databack){
   //console.log("chenggong");
   console.log(databack);
  },
  error: function(request){
   console.log("shibaile");
  }
 });
}

backendcode php

<?php   $name = $_POST[&#39;xingming&#39;];
  $age = $_POST[&#39;nianling&#39;];
  $myarray = array("name"=>$name, "age"=>$age);
  $myjson = json_encode($myarray);
  echo $myjson;
?>

Je crois avoir lu it Vous maîtrisez la méthode dans le cas de cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment utiliser l'ajax natif et l'ajax encapsulé (avec code)

Méthode Ajax pour implémenter Form formulaire Méthode de soumission

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!