Formular nicht speichern Daten in MySQL-Datenbank

Question

Ich habe Probleme beim Aufzeichnen einer einzelnen Daten (DeckName) von diesem Formular in meine MySQL-Datenbank. Ich habe alle Lösungen gelesen und ausprobiert, die ich im Internet gefunden habe, aber ich kann es nicht zum Laufen bringen. Das Ausführen des MySQL-Befehls von PHPMyAdmin funktioniert gut.

Ich muss in der Deck-Tabelle der db (ID, Name, Karten) die Werte speichern.

Bitte bare mit mir und meinem Code, da ich ein kompletter Neuling bin und ich beginne mit diesem Projekt.

Jquery/Ajax-Skript:

<script> 
    $(document).ready(function(){  

     $(document).on('submit','.save',function(){ 

      var deckName = $('.deck').val(); 
      console.log(deckName); 

      $.ajax({ 
       type: "POST", 
       url: "submit.php", 
       data: { "name": deckName}, 
       success: console.log('worked') 

      }); 
     }); 
    }); 

</script> 

Form:

<div class="decklist"> 
    <form method="post" id="decklist"> 
    <input class="deck" id="deckN" type="text" value="Deck name"/> 
    <input class="save" type="submit" value="Save Deck"/> 
    </form> 
    <div class="list"> 
     <ul class="d_list"> 
      <li class='added_card' id='list_0'></li> 
     </ul> 
    </div> 
</div> 

submit.php:

<?php 


if(isset($_POST["name"])&& strlen($_POST["name"])>0){ 

    $deckName = $_POST["name"]; 
    $cards = 0; 

    echo $deckName; 

    $conn = new mysqli("localhost:8080","root","","ken"); 
    if($conn -> connect_errno){ 
     die("Failed to connect: (". $conn->connect_errno. ")".$conn->connect_error); 
    } 

    $insert = $conn->query ("INSERT INTO `deck` (deck, cards) VALUES ($deckName, $cards)"); 

    if ($insert){ 
     echo 'Successfully saved '. $deckName; 
     $conn -> close(); 
    } 

} 

?> 

Auch wenn ich speichern Deck schlagen für einreichen, die div aufgefrischt, während erhalten Ich nehme an, es sollte nicht mit Ajax.

Ich versuchte mit Klick statt Submit, und die console.log zurückgegeben alles korrekt von der Ajax-Funktion und der Div wurde nicht jedes Mal aktualisiert, aber mit Submit-Protokolle nicht mehr in der Konsole angezeigt. Ich bekomme nichts vom Echo in submit.php, niemals.

Vielen Dank.

Answer 1

Sie haben Anführungszeichen um String-Werte zu setzen:

"INSERT INTO `deck` (deck, cards) VALUES ('$deckName', $cards)" 

Answer 2

wie

so mit preventDefault; Versuchen

$(document).on('submit','.save',function(e){ 
e.preventDefault; 

Hoffe, dass es Ihr Problem löst!

Answer 3

wie etwa Änderung js wie folgt aus:

$(".decklist").on("click", ".save", function(){ 
    $.post("submit.php", { name: deckName }).success(function(){ 
     console.log('worked'); 
    }); 
}); 

Answer 4

Sie müssen sich auf dem form einreichen Ereignis binden:

$(document).ready(function(){  

     $("#decklist").on('submit',function(e){ 
      e.preventDefault(); 

      var deckName = $('.deck').val(); 
      console.log(deckName); 

      $.ajax({ 
       type: "POST", 
       url: "submit.php", 
       data: { "name": deckName}, 
       success: function(response) { 
         console.log('worked') 
       } 

      }); 
     }); 
    }); 

Answer 5

$ (document) .ready (function() {

$("#decklist").on('submit',function(e){ 
     e.preventDefault(); 

     var deckName = $('#deck').val(); 
     console.log(deckName); 

     $.ajax({ 
      type: "POST", 
      url: "submit.php", 
      data: { "name": deckName}, 
      success: function(response) { 
        console.log('worked') 
      } 

     }); 
    }); 
}); 

funktioniert es mir, ändern $ ('# deck'). Val();