submitを使用してJavaScript配列をデータベースに送信

Question

私はデータベースにデータを保存するためにjavascript配列をPHPに送信することに関する他の質問を見てきました。

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

とinsert.php

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

で私は、インサートページに私の配列RADを見ることを期待しました。 どうしたのですか？

Answer 1

でpreventDefaultを追加し、適切に括弧を閉じるようにしてください：

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

Answer 2

あなたのクリック機能に戻り偽でさわやかページから防ぐために必要があります...

<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

必要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); 
    }); 
}) 

あなたの機能を編集することができます。

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