Senden Sie JavaScript-Array zu Datenbank mit submit

Question

Ich habe eine andere Frage in Bezug auf das Senden von Javascript-Arrays zu PHP untersucht, so speichern Sie die Daten in der Datenbank.

<form action="insert.php" method="POST"> 
<input type='submit' id="save" value='Spara' onclick='sendFunc()'> 
<script> 
var rad = [0,0,0,0,0,0,0,0,0,0,0,0,0]; 

function sendFunc() { 
    $.ajax({ 
    url: "/insert.php", 
    type: "POST", 
    data: {myArray : rad} 
    }); 
} 
</script> 
</form> 
} 

und in insert.php

<?php 
$array = $_POST['myArray']; 
echo $array; 
?> 

i mein Array rad auf dem Einsatz Seite hatte nicht erwartet, zu. Was habe ich falsch gemacht?

Answer 1

Versuchen Sie prevent hinzufügen und Ihre Klammern schließen richtig:

function sendFunc(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url: "/insert.php", 
     type: "POST", 
     data: {myArray : rad} 
    }); 
} 

Answer 2

Sie müssen von erfrischender Seite durch Rückkehr verhindern falsch auf Ihrer Klick-Funktion ...

<form action="insert.php" method="POST"> 
<input type='submit' id="save" value='Spara' onclick='return sendFunc();'> 
<script> 
var rad = [0,0,0,0,0,0,0,0,0,0,0,0,0]; 

function sendFunc() { 
    $.ajax({ 
    url: "/insert.php", 
    type: "POST", 
    data: {myArray : rad} 
}); 
return false; 
} 
</script> 
</form> 

Answer 3

erforderlich jquery.js

$(document).ready(function(){ 
    $("#save").on("click",function(e){ 
     e.preventDefault(); 
     $.ajax({ 
      url: "/insert.php", 
      type: "POST", 
      data: {myArray : rad} 
     }); 
    }).done(function(data){ 
     $("body").html(data); 
    }); 
}) 

oder Sie können Ihre Funktion bearbeiten()

function sendFunc() { 
    $.ajax({ 
     url: "/insert.php", 
     type: "POST", 
     data: {myArray : rad} 
    }).done(function(data){ 
     $("body").html(data); 
    }); 
    return false; 
}