Question

所以我想在html / javascript中创建一个绘图应用程序，我想将文件保存到mysql / phpmyadmin。我的问题是连接到我设置的数据库。

发生的事情是用户在画布上绘制，点击保存按钮，然后将行（保存在数组中）和用户名从我的javascript文件发送到php文件，该文件将信息发送到数据库。我试过在网上找一个解决方案，但我似乎无法找到任何有帮助我的东西。它可能就在我面前，但我从来没有尝试用javascript和php编写。

只是为了确保没有混淆：我似乎无法弄清楚如何将数据从我的javascript文件发送到我的php文件并更新数据库

这是我到目前为止所得到的：

HTML：

<button id="saveimage" onclick="saveImage()">Save image</button>

使用Javascript：

function saveImage()
{
    var position = JSON.stringify(allMousePos);
    author = prompt("Please type your name");

    $.ajax({
        type: 'post',
        url: 'https://localhost/folder/database.php',
        data: {author: author, position: position},
        success: function( data ) {
        console.log( data );
        }
    });
}

腓：

$dbhost = 'localhost';
$dbuser = 'User';
$dbpass = 'pass';

$conn = mysql_connect($dbhost, $dbuser, $dbpass);

if (!$conn)
{
    die('Could not connect: ' . mysql_error());
}

if (!get_magic_quotes_gpc())
{
    $author = addslashes($_POST['author']);
    $mousepositions = addslashes($_POST['position']);
} else
{
    $author = $_POST['name'];
    $mousepositions = $_POST['position'];
}

var_dump($author);

$sql = "INSERT INTO Images (Author, Image) VALUES ('$author', '$mousepositions')";

mysql_select_db('db_to_use');
$retval = mysql_query($sql, $conn);

if (!$retval)
{
    die('Could not enter data: ' . mysql_error());
}

echo "Entered data successfully\n";
mysql_close($conn);

运行时，我没有从chrome或firefox中的控制台获得任何输出，数据库中没有任何内容

我不知道您是否需要更多信息，但如果您这样做，请告诉我。数据库只有3个字段，一个自动递增的id，然后是作者和位置。

Answer 1

不要忘记解码您的数据（以前由JSON.stringify编码）。

在尝试处理数据库之前，尝试添加json_decode（）并使用var_dump（）显示所有变量。

希望它有所帮助。

Answer 2

根据我的评论，你的函数中有一个不必要的嵌套点击处理程序，所以删除它。此外，您正在尝试建立安全连接，但（可能）您的计算机上没有安装ssl，因此您需要进行常规连接（http不是https）：

function saveImage()
{
    var position = JSON.stringify(allMousePos);
    author = prompt("Please type your name");

    $.ajax({
        type: 'post',
        url: 'http://localhost/folder/database.php', //<--Note http
        data: {author: author, position: position},
        success: function( data ) {
        console.log( data );
        }
    });
}

使用javascript和php连接到phpmyadmin上的数据库

2 个答案: