使用提交将 JavaScript 数组发送到数据库

Question

I have looked at some other question regarding sending javascript arrays to php so save the data in database.

<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>
}

and in insert.php

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

i did expect to see my array rad on the insert page. What did i do wrong?

Answer 1

Try to add preventDefault and close your brackets properly:

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

Answer 2

You need to prevent from refreshing page by return false on your click function ...

<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

required 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);
    });
})

or you can edit your function()

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