Question

我在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将它们发布到数据库怎么办呢？

Answer 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 );

}

Answer 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();

这显然是一个非常简单的解释，但通过一点阅读，您可以很好地将数据插入数据库。

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

2 个答案: