Javascript 如何使用php将表单内容发送到数据库

我的问题：我不知道如何将表单信息发送到数据库

我所拥有的：

.....

function addProduct($desc_short, $desc_long, $stock, $price, $name, $image_url, $type)
{

    $conn = connect();

    $sql = "INSERT INTO `products`(`desc_short`, `desc_long`, `stock`, `price`, `name`, `image_url`, `type`)
            VALUES ('" . $desc_short . "','" . $desc_long . "','" . $stock . "','" . $price . "','" . $name . "','" . $image_url . "','" . $type . "')";

    if ($conn->query($sql) === true) {
        $res = array(true, $conn->insert_id);
        $conn->close();
        return $res;
    }

    $conn->close();
    return array(false, -1);
}
.....

我有一个包含3个按钮的html文件和一个根据单击的按钮而变化的div：

<div class="container">
            <h1> Producto</h1>

            <div class ="buttons">
                <button type="button" onclick="loadAddProduct()">Nuevo producto</button>
                <button type="button">Borrar producto</button>
                <button type="button">Actualizar producto</button>

            </div>

            <div class="main_container" id="main_container">

            </div>

        </div>

我的意图是当用户点击提交按钮，然后启动函数“addProduct（…）”将信息上传到数据库，但我不想转到其他页面，只需刷新

，并显示一条类似于

“product uploaded-->ID:XXX”的小消息即可。

---

但是我真的不知道如何混合所有这些东西。

您必须向php文件发送一个请求

将按钮更改为：

<button type="button " id="addProductFormBtn" value="Submit">Enviar</button>

在PHP文件调用函数中，使用从请求接收的参数：

addProduct($_POST['product_desc_short'],...);

要返回消息，请在文件（或函数）末尾添加

echo

：

---

希望这有帮助。

我希望您正在转义用户输入以防止SQL注入（转义输出以防止存储的XSS）。您可能还想考虑使用准备好的语句来保持安全性（如果您以前忘记使用函数），Hi @ Wess SqLjjStices还没有被删除，但是如果我想通过测试，我必须这样做。首先，我想确定这部分工作正常。下一步，“安全”。但您给了我一点提示，我可能忘记了-->存储的XSS。谢谢我来看看这个。谢谢你的建议！

$('body').on('click', '#addProductFormBtn', function(){
    //Get data from the form
    var product_desc_short = $('#product_desc_short').val();
    ...//other fields

    //Send the data to your_php_file_path using post request
    $.post( "your_php_file_path", {product_desc_short: product_desc_short,...})
        .done(function( msg_returned_from_php ) {
            $('#main_container').text(msg_returned_from_php)
        });
 }); 

addProduct($_POST['product_desc_short'],...);

echo " product uploaded--> ID :XXX";