簡體   English   中英

使用Javascript從HTML更新MySQL數據

[英]Update MySQL data from HTML using Javascript

我是HTML,PHP,JavaScript和MySQL的初學者。 我編寫了HTML代碼,通過使用單獨的PHP文件將數據輸入到MySQL中包含“名稱”和“電子郵件”列的簡單表中。 然后,我嘗試使用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()dataToPosturl並將所選擇內容的innerHTML設置為結果data

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM