将JSON数据发送到MySQL数据库？

Question

我需要将 JSON 数据发送到 MySQL 数据库，但是当我尝试执行此操作时，我的代码仅将 "{"0":"A" 发送到 MySQL 数据库。

这是我的代码：

JavaScript

<span id="start_button_container">Send and start</span>

const allCards = {

    '0':'A &#9830;','1':'A &#9829;','2':'A &#9827;','3':'A &#9824;',

    '4':'10 &#9830;','5':'10 &#9829;','6':'10 &#9827;','7':'10 &#9824;',

    '8':'K &#9830;','9':'K &#9829;','10':'K &#9827;','11':'K &#9824;',

    '12':'Q &#9830;','13':'Q &#9829;','14':'Q &#9827;','15':'Q &#9824;',

    '16':'J &#9830;','17':'J &#9829;','18':'J &#9827;','19':'J &#9824;'

};

let userInTable = localStorage.getItem( 'saved_user' );

if (userInTable) { // Save user and find table onclick START

    saveUser.style.display = 'none';

    hello.textContent = "Hi " + userInTable;

    start.onclick = () => {

        if (userInTable) {

            let x = new XMLHttpRequest();

            let url = "php/findtable.php";

            let data = JSON.stringify(allCards);

            let params = "cards="+data+"&user="+userInTable;

            x.open("POST", url);

            x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

            x.send(params);

            x.onreadystatechange = () => {

                if (x.readyState == 4 && x.status == 200) {

                    console.log(x.responseText);

                }

            }

        }

    }

}

这是我的 PHP 代码：

if (isset($_POST["cards"],$_POST["user"])) {

    $cards = $_POST["cards"];

    $user = $_POST["user"];

    $query = "INSERT INTO tables (u_1,all_cards) VALUES (?,?)";

    if ($stmt = $conn->prepare($query)) {

        $stmt->bind_param("ss", $user, $cards);

        if ($stmt->execute()) {

            print_r($cards);

        }

    }

}

我究竟做错了什么？

Answer 1

encodeURIComponent() 函数对我帮助很大：let&nbsp;data&nbsp;=&nbsp;JSON.stringify(encodeURIComponent(allCards));

Answer 2

如果您/某人仍然想知道为什么会发生这种情况，则每个与号 (&) 都是查询字符串中的新输入。意思是var1=value&var2=value&var3=value。您的 JSON 包含＆符号，因此解析器认为您正在开始一个新变量。var1=value&var2={"a":"&2934;"} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^&nbsp;This&nbsp;one&nbsp;starts&nbsp;a&nbsp;new&nbsp;variablevar2 包含{"a":"1并2934;"}作为新变量名进行处理。encodeURIComponent对 & 符号进行转义，因此查询字符串解析器不会使用它来进行变量划分。