js按钮mysql数据库中 javascript操作mysql数据库-趣分享

当我们在网站中需要获取数据库里的数据时，JavaScript中的按钮就是一个不错的选择。

要想实现这个功能，我们需要编写一个JavaScript函数。以下是一个简单的函数，其中我们将显示保存在数据库中的数据。

function getData(){//创建XMLHttpRequest对象var xmlhttp = new XMLHttpRequest();//当服务端返回结果时执行以下代码xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4 && xmlhttp.status==200){//将服务端返回的数据解析为JSON对象var data=JSON.parse(xmlhttp.responseText);//遍历JSON对象并将其显示在HTML页面上for(var i=0;i"+data[i].name+" - "+data[i].age+"

"}}}//使用GET方法从服务端获取数据xmlhttp.open("GET","getData.php",true);//发送请求xmlhttp.send();}

以上代码将发起一个HTTP请求，并将从数据库返回的数据解析为JSON对象。

注意，你需要使用XMLHttpRequest对象来与服务器通信。通过该对象，你可以使用HTTP协议从服务器获取数据。

在此之前，我们需要将数据存储到数据库中。我们可以使用以下PHP代码存储数据：

//获取通过POST方式提交的数据$name=$_POST['name'];$age=$_POST['age'];//连接到MySQL数据库$link=mysqli_connect("localhost","root","password","test");//向MySQL数据库中插入数据mysqli_query($link,"INSERT INTO `people`(`name`,`age`) VALUES ('$name','$age')");//关闭数据库连接mysqli_close($link);

以上代码将通过POST方法接收数据，并插入到MySQL数据库中。

以上是关于JavaScript中按钮与MySQL数据库的简单介绍。具体的实现方式会因实际情况而异，但上述内容对于初学者来说已经足够了。