使用mysql存储数据加载/安全html表单

dauxcl2d 于 2021-06-23 发布在 Mysql

关注(0)|答案(1)|浏览(324)

我构建了一个简单的html/js数学表单，其中使用了一些计算。为了使事情简单化，我缩短了表格以便于理解：

function output(){
            var value1 = document.getElementById('value1').value;
            var value2 = document.getElementById('value2').value;
            var value3 = document.getElementById('value3').value;
            document.getElementById('result1').innerHTML = (parseInt(value1) + parseInt(value2)) * parseInt(value3);
        }

<select>
  <option value="volvo">Simple Addition</option>
   </select><button type="button">Load</button> <button type="button">Save</button> <button type="button">Cancel</button>
    <br>
    <br>
    <br>
    Title: <input id="Title" type="text"/>
    <br>
    <br>
    <br>
        <input id="value1" type="text" onchange="output();" />
        <span> + </span>
        <input id="value2" type="text" onchange="output();" />
        <span> * </span>
        <input id="value3" type="text" onchange="output();" />
        <p>Result: <a id="result1"></p>

所以，这基本上只是一个简单的计算。但是我很难用mysql后端存储数据。目标是：
a、）使用新的计算/表单（标题字段中不存在名称），应在mysql db中创建一个新表。假设我们称这个计算为“简单加法”。然后通过下拉菜单可以选择简单的添加，以便其他人可以加载此计算，甚至可以更改/保存/覆盖/更正它。
b、）所以我希望能够将任何计算加载、保存和更改到mysql表，并使其他人可以从下拉菜单填充每个存储的计算
c、）数学应该以“title”文本字段命名
d、）autorefresh（类似googlesheets的实时协作）数据库中的所有字段，比如说每5秒自动刷新一次
我知道这可能不是一个5分钟的任务，所以我非常感谢你的任何帮助。提前谢谢！

mysql JavaScript Html

来源：https://stackoverflow.com/questions/50057841/load-safe-html-form-with-mysql-stored-data

1条答案

按热度按时间

piztneat1#

javasrcipt是一种客户端语言，它不会与mysql服务器通信。可能的解决方案是在客户端使用ajax调用，通过后端php方法保存数据。
这是save方法的唯一答案。负载与此类似，但应该使用“get”而不是“post”。
ajax调用：

<button onclick="Save();">Save</button>
<script>
function Save()
{
var value1 = document.getElementById('value1').value;
var value2 = document.getElementById('value2').value;
var value3 = document.getElementById('value3').value;
var value4 = document.getElementById('title').value;
var inputsAndResult= [value1, value2, value3, title ];
$.ajax({
url     : 'YOUR_URL',
method    : 'POST',
data :{
 arrayData:inputsAndResult
},
success   : function(response)
{
alert("succes");
},
error : function(e)
{
alert("error")
}
});
}
</script>

在后端：

<?php
$server = "localhost";
$db = "myDB";
$conn = mysqli_connect($server, $db);
$sql = "INSERT INTO MyGuests ( number1, number2, result, name ])
VALUES ($_POST[dataArray[0]], $_POST[dataArray[1]], $_POST[dataArray[2]], $_POST[dataArray[3]])";
if (mysqli_query($conn, $sql)) {
    echo "New record created successfully";
} else {
    echo "Error: " . $sql . "<br>" . mysqli_error($conn);
}
    mysqli_close($conn);
    ?>

这些页面真的很好，以获得所有这些东西的基本像ajax，php，数据库发布。
PHP：https://code.tutsplus.com/courses/php-fundamentalshttps://www.w3schools.com/php/default.asp
AJAX ：https://www.w3schools.com/xml/ajax_intro.asp
ajax发布到mysql：https://www.w3schools.com/php/php_ajax_database.asp

展开查看全部

赞(0）回复(0）举报 2021-06-23

我来回答

使用mysql存储数据加载/安全html表单

1条答案

相关问题

热门标签

最新问答