如何编写包含数据的javascript按钮

How to write a javascript button which contains data?

本文关键字：javascript 按钮 数据 何编写 包含      更新时间：2023-09-26

如何创建一个javascript按钮，将表单中的信息传递到php-sql:

<form>
    <input type="text" placeholder="Name" name="name" class="name" /></br>
    <input type="text" placeholder="Phone Number" name="number" class="number"/></br>
    <input type="text" placeholder="Location " name="location" class="location"/></br>
    <input type="submit" value="Add Booking" />
 </form>
?php
$name = $_GET['name'];
$number = $_GET['number'];
$location = $_GET['location'];
$con = mysql_connect(".....",".....",".....");
if (!$con)
  {
  die('Could not connect: ' . mysql_error());
  }
("chanh", $con);
$sql ="INSERT INTO book (name, number, location,timestamp)
VALUES ('$name', '$number','$location',NOW())"; 
if (!mysql_query($sql,$con))
  {
  die('Error: ' . mysql_error());
  }
echo "1 record added"
mysql_close($con);
?>

任何帮助都将不胜感激，因为我只是一个新手！感谢

您只需要指定表单将在何处提交

<form action="submit.php" method="get">
    <input type="text" placeholder="Name" name="name" class="name" /></br>
    <input type="text" placeholder="Phone Number" name="number" class="number"/></br>
    <input type="text" placeholder="Location " name="location" class="location"/></br>
    <input type="submit" value="Add Booking" />
 </form>

只有当你想执行某种验证时，这里才需要Javascript

注意

避免将变量直接添加到查询中，您将容易受到SQL注入的攻击。

以下是您可以做的：

$con = mysql_connect(".....",".....",".....");
$name = mysql_real_escape_string($_GET['name']);
$number = mysql_real_escape_string($_GET['number']);
$location = mysql_real_escape_string($_GET['location']);

创建一个，然后设置在单击按钮时提交表单。即

but = document.getElementById('clickButton');
formToSubmit = document.getElementById('myForm');
but.onclick = function(){
    formToSubmit.submit();
};

您不需要JavaScript来提交表单。看起来您只是暂时缺少<?php中的<。

您可以在表单HTML元素上显式指定操作和方法，但如果不这样做，它将是一个GET请求，并将提交到当前URL（Web地址）。

实际上，如果您要做的不是获取数据（比如搜索），那么您的表单应该使用HTTPPOST，而不是GET。要了解为什么这类事情很重要，请参阅每个程序员都应该了解web开发的内容。然而，这是一个非常大的话题！

您只需要回发表单，换句话说，将表单上的操作设置为：

<form id="mainForm" action="process.php" method="post">..

并在按钮上添加一个onclick处理程序，如下所示：

 <input type="submit" value="Add Booking" onclick="javascript:document.getElementById('mainForm').submit();" />

然而，并不是说我将方法设置为post；这将需要您的PHP代码更改为：

$name = $_POST['name'];
$number = $_POST['number'];
$location = $_POST['location'];

在这种情况下，使用POST可能没有必要，但您需要注意，使用GET将像process.php?name=value&numner=value...中那样对URL中的表单参数进行编码，其中一些信息可能是敏感的，因此，希望在HTTP请求的主体中提交给服务器，而不是在URL中编码传输。

相关文章：