如何从 javascript 函数中获取输入值以便将它们添加到数据库中？答案

【问题标题】：How to get input values from javascript function so as to add them to database?如何从 javascript 函数中获取输入值以便将它们添加到数据库中？
【发布时间】：2014-08-19 21:52:23
【问题描述】：

我在 form.js 中有以下代码

     var c=0;
     var b=0;
     function myCreateFunction()
    {

    var table = document.getElementById("myTable");
    {
        var row = table.insertRow(1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);
        var cell4 = row.insertCell(3);
        var cell5 = row.insertCell(4);
        var cell6 = row.insertCell(5);
        var cell7 = row.insertCell(6);


        cell1.innerHTML = c+1;
        cell2.innerHTML = "<input id='inp1' type='text' name='inpu1'>";
        cell3.innerHTML = "<input id='inp2' type='text' name='inpu2'>";
        cell4.innerHTML = "<input id='inp3'type='text' name='inpu3'>";
         cell5.innerHTML = "<input id='inp4' type='text' name='inpu4'>";
        cell6.innerHTML = "<input id='inp5' type='number' name='inpu5'>";


        c++;
        b=0;

     }
 }

现在我想从 inpu1、inpu2、inpu3、inpu4、inpu5 获取值并使用 submit.php 将它们发布到数据库这是怎么做到的？？

【问题讨论】：

您只想将其发布到 submit.php 并重新加载页面，或者您想使用 JS/Ajax 提交而不重新加载页面？

标签： javascript php dom

【解决方案1】：

这个功能会帮你做的：

function post() {

    var xhr = new XMLHttpRequest();
    xhr.open( 'POST', 'submit.php', true );
    xhr.addRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset = utf-8');
    xhr.send( 'inp1='+inp1.value+'&inp2='+inp2.value+'&inp3='+inp3.value+'&inp4='+inp4.value+'&inp5='+inp5.value );

}

【讨论】：

【解决方案2】：

要通过 PHP 将输入数据提交到数据库，您必须将所有输入包装在一个表单中。然后在表单提交时，您通过 $_POST 告诉页面如何处理数据。您创建一个新的 mysqli 连接，告诉它要插入什么，然后运行查询。

<form method="post" action="submit.php">
<input name="inpu1" type="text"/>
//etc
<input type="submit" name="upload"/>

submit.php

$input1 = $_POST['inpu1'];
//establish mysqli connection
$mysqli = new mysqli('localhost',$username,$password,$database);
//create statement
$query = $mysqli->prepare ('INSERT INTO yourTable (data) VALUES (?)');
$query -> bind_param('s', $input1);
$query -> execute();
$query -> close()
$mysqli -> close();

这显然是一个非常简单的解释，但只要稍加阅读，您就可以顺利将数据插入数据库。

【讨论】：