Question

我已经看了一些关于向javascript发送javascript数组的问题，所以将数据保存在数据库中。

<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

您需要通过点击功能返回false来阻止刷新页面...

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

使用submit将JavaScript数组发送到数据库

3 个答案: