suchen

Heim >Web-Frontend >js-Tutorial >Ajax-Formular senden und JSON-Methode empfangen

Ajax-Formular senden und JSON-Methode empfangen

小云云
小云云Original
2017-12-19 14:09:031895Durchsuche

Nach dem Klicken auf die Schaltfläche werden die Daten in Form eines Formulars an den Server übermittelt und die Rückgabedaten vom Server empfangen. Die Seite wird während des Vorgangs nicht aktualisiert. In diesem Artikel wird hauptsächlich der Beispielcode zum Senden eines Formulars und zum Empfangen von JSON vorgestellt. Er ist sehr gut und hat Referenzwert. Ich hoffe, er kann jedem helfen.

HTML-Code


<html xmlns="http://www.w3.org/1999/xhtml">
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
 <script src="./testajaxjs.js"></script>
 <head>
 </head>
 <body>
  <form id="form1">
   <p>xingming:<input type="text" name="xingming"/></p>
   <p>nianling:<input type="text" name="nianling"/></p>
  </form>
  <button type="button" id="mybt" onclick="mysubmmit()">
   ajax提交
  </button>
 </body>
</html>

JS-Code


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

Backend-PHP-Code 


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

Verwandte Empfehlungen:

Zwei Methoden zur JQuery-Implementierung des Ajax-Übermittlungsformulars

Ajax Technologie Ajax-Einreichungsformular JQuery Ajax-Tutorial JS Ajax

PHP HTML keine Aktualisierung Einreichformular Formulareinreichung Ajax-Einreichungsformular JS-Einreichungsformular

Das obige ist der detaillierte Inhalt vonAjax-Formular senden und JSON-Methode empfangen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Beispiele zur Erläuterung der Ajax-Implementierung des unendlichen Ladens von ListenNächster Artikel：Beispiele zur Erläuterung der Ajax-Implementierung des unendlichen Ladens von Listen

In Verbindung stehende Artikel

Mehr sehen