problème de soumission de formulaire jquery
hanghaigood
hanghaigood 2021-07-19 15:25:56
0
3
1286

index.html的代码:

<html>

<head>

<meta charset="utf-8">

<script src="jquery-1.12.4.min.js "></script>

<script type="text/javascript">

 

    $(function () {

        $("#btn").click(function () {

$.ajax({ 

                    type:"post", 

                   url:"form.php", 

                     données :{

                         bookname:$("#bookname").val(),

                        appuyez sur :$( "#press").val()

                     },

                   async: true, 

                     succès : function(msg) { 

                       alert("提交成功!"+msg); 

                   } 

               }); 

   

        });

    });

   

</script> aligner : centre ; marge en haut : 50px;">

          Éditeur : <input type="text" id="press" style="margin-top: 15px;" /<br>

                                                                                                                                              ="Envoyer" style="margin-top: 27px; /" >

                                                                                                                                         

form.php code :

<?php

$a = $_POST["bookname"];

$b = $_POST["press"];

echo $a;

echo $b ;

?>

Exécutez index.html, entrez dans le formulaire et cliquez sur Soumettre :

Ouvrez la page form.php, mais elle est vide, et echo ne peut pas afficher le contenu.

L'effet que vous souhaitez obtenir est le suivant : 1.png

1. Soumettez le formulaire via ajax sans passer à la page.

2. La page php peut recevoir les données du formulaire soumises par ajax, afficher les données du formulaire via echo et les afficher sur la page php.

2.pngActuellement, la page php peut recevoir des données de formulaire soumises par ajax, car les données peuvent être renvoyées au paramètre msg. Cependant, lorsque les données du formulaire sont sorties via echo et affichées sur la page php, elles sont vides. Qu'est-ce qui ne va pas ?

hanghaigood
hanghaigood

répondre à tous(2)
流年

Les guillemets doubles en arrière-plan deviennent des guillemets simples

  • répondre $_POST['bookname'], même si les guillemets doubles sont remplacés par des guillemets simples, cela ne fonctionnera pas.
    hanghaigood auteur 2021-07-21 14:58:35
流年

Regardez à l'intérieur du contrôleur

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal