如何編寫包含數據的JavaScript按鈕？

-2

如何創建一個JavaScript按鈕，採取從形式的信息到PHP SQL：如何編寫包含數據的JavaScript按鈕？

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

，因爲我只是一個菜鳥任何幫助，將不勝感激！謝謝

來源

2012-03-27 user1296377

'submit button' ??? – gdoron 2012-03-27 19:07:41

添加一個按鈕，然後使用onclick =「document.forms [0] .submit（）」 – kpcrash 2012-03-27 19:09:14

如果您希望提交表單，則表單需要動作和方法屬性。 – j08691 2012-03-27 19:14:08

創建一個，然後設置當按鈕被點擊時，表單被提交。即

but = document.getElementById('clickButton'); 
formToSubmit = document.getElementById('myForm'); 

but.onclick = function(){ 
    formToSubmit.submit(); 
};

來源

2012-03-27 19:11:51 yehuda

你只需要以指定表格將被提交

<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 injection的影響。

這裏是你可以做什麼：

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

來源

2012-03-27 19:12:15 Ibu

您不需要的JavaScript提交表單。看起來你現在只是從<?php錯過<。

您可以在表單HTML元素上明確指定操作和方法，但是如果您不是GET請求，它將提交到當前URL（Web地址）。

真的，如果你正在做的不是取數據（比如搜索），你的表單應該使用HTTP POST而不是GET。欲瞭解更多關於這種事情的原因，請參閱What should every programmer know about web development。但是，這是一個非常大的話題！

來源

2012-03-27 19:13:35

你只需要回傳的形式，換句話說，設置表單上的動作，如：

<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將編碼的URL的形式參數，在process.php?name=value&numner=value...和一些這信息可能是敏感的，因此希望在HTTP請求的主體中提交給服務器，而不是在URL中傳輸編碼。

來源

2012-03-27 19:30:45 Icarus

如何編寫包含數據的JavaScript按鈕？

回答

相關問題