使用Javascript从HTML更新MySQL数据
Update MySQL data from HTML using Javascript
我是HTML、PHP、JavaScript和MySQL的初学者。我已经编写了一个HTML代码,通过使用一个单独的PHP文件,将数据输入到MySQL中一个包含列"Name"answers"Email"的简单表中。然后我尝试使用PHP获取表内容。但现在我需要一些帮助来更新数据。我的代码如下:
enter code here<!DOCTYPE html>
<html>
<script language="javascript" src="update.js"></script>
<?php
$a=mysqli_connect("localhost","root","","test4");
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$result = mysqli_query($a,"select * FROM test");
?>
<table border="1" cellspacing="1" cellpadding"1">
<tr>
<th>pkid</th>
<th>Name</th>
<th>Email</th>
<th>Action</th>
</tr>
<?php
for ($i=0; $i<mysqli_num_rows($result); $i++)
{
$row = mysqli_fetch_array($result)
?>
<tr>
<td id="pkid"><?php echo $row['pkid'] ?></td>
<td id="name"><?php echo $row['name'] ?></td>
<td id="email"><?php echo $row['email'] ?></td>
<td><input type=submit onclick="myfunc()" value="View"/></td>
</tr>
<?php
}
?>
</table>
<form action="insert.php" method="post">
<table border="2">
<tr>
<td>Name</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>
<input type="submit" value="Add">
</tr>
</table>
</form>
</html>
<?php
mysqli_close($a);
?>
以下是将数据更新到MYSQL的代码:
Html文件:
<title>Listing Details for Update</title>
<?php
include ('config.php');
$tbl_name="user"; // Table name
$sql="SELECT * FROM $tbl_name";
$result=mysql_query($sql);
?>
<table width="400" border="0" cellspacing="1" cellpadding="0">
<tr>
<td>
<table width="400" border="1" cellspacing="0" cellpadding="3">
<tr>
<td colspan="4"><strong>List data from mysql </strong> </td>
<td></td>
<td></td>
</tr>
<tr>
<td align="center"><strong>pkid</strong></td>
<td align="center"><strong>Name</strong></td>
<td align="center"><strong>Email-Id</strong></td>
<td align="center"><strong>Action</strong></td>
</tr>
<?php
while($rows=mysql_fetch_array($result)){
?>
<tr>
<td><? echo $rows['pkid']; ?></td>
<td><? echo $rows['name']; ?></td>
<td><? echo $rows['email']; ?></td>
<td align="center"><a href="update.php?id=<?php echo $rows['id']; ?>">update</a></td>
</tr>
<?php
}
?>
</table>
</td>
</tr>
</table>
<?php
mysql_close();
?>
在这里你可以找到更新单个字段、多个字段等的方法,
http://php.sysaxiom.com/update_data.php
http://php.sysaxiom.com/update_multiple_data.php
如果您需要更改表的内容以具有不同的行/行数据,(并且您希望实时执行)则需要使用AJAX。jQuery有相当简单的ajax用法,所以对于实际实现,我会考虑它。您还需要另一个PHP文件,该文件只返回填充表所需的原始HTML。下面的伪代码(jquery):
$.post("url","dataToPost",function(data){$("#table id where I want to put new data).innerHTML=data});
基本上,$.post()
将dataToPost
发布到url
,并将所选内容的innerHTML
设置为结果data
。
相关文章:
- 使用jquery将mysql数据获取到新的表行中
- 单击鼠标,用MySQL数据填充html表单输入字段
- 使用 mysql 数据创建条形图
- 使用 Ajax 将 PHP 嵌入到 JavaScript 中,以便将 MySQL 数据存储在 JavaScript 对象
- 用 MySql 数据填充 JavaScript 数组
- 使用javascript和php推送MySQL数据
- 使用html表显示MySql数据
- 我无法获取显示mySql数据的Slickgrid
- 使用javascript和ajax插入mysql数据
- 无法获取 AJAX 表单来提交 MySQL 数据
- 如何使用 .ajax 拉取 MySQL 数据并用它填充表单
- 使用 Ember.js 从 Laravel 后端加载 Mysql 数据
- 为什么尽管查询查找记录,mysql 数据没有拉入表单,查找值是否需要是唯一的
- 使用 mysql 数据在 php 中构建多维数组
- 获取 MySql 数据到 PHP 数组并转换为 Javascript 数组
- 使用 jQuery ajax 从选择框加载 MySQL 数据时遇到困难
- PHP页面未更新MySQL数据
- 如何在php中从mysql数据中绘制树结构
- 如何在javascript代码中获取Mysql数据
- 骨干关系型,使用mysql数据将模型表示为表行