用js写一个执行自定义sql的页面
时间: 2023-12-10 11:05:19 浏览: 35
首先,我们需要在页面中引入jQuery库和一个用于执行SQL语句的后端API,比如PHP。
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<title>执行自定义SQL</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<h1>执行自定义SQL</h1>
<textarea id="sql"></textarea>
<button id="execute">执行</button>
<div id="result"></div>
<script>
$(document).ready(function() {
$('#execute').click(function() {
var sql = $('#sql').val();
$.ajax({
url: 'execute_sql.php',
type: 'POST',
data: {sql: sql},
success: function(data) {
$('#result').html(data);
},
error: function() {
alert('执行SQL出错!');
}
});
});
});
</script>
</body>
</html>
```
这个页面包含一个文本框和一个按钮,用户可以在文本框中输入SQL语句,点击按钮后页面会通过Ajax发送请求到后端API执行SQL语句,并将执行结果显示在页面上。
PHP代码(假设我们使用MySQL数据库):
```
<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
$sql = $_POST['sql'];
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 执行SQL语句
$result = $conn->query($sql);
// 输出结果
if ($result->num_rows > 0) {
while($row = $result->fetch_assoc()) {
echo "id: " . $row["id"]. " - Name: " . $row["name"]. "<br>";
}
} else {
echo "0 结果";
}
$conn->close();
?>
```
这个后端API接收前端页面传递过来的SQL语句,执行并返回执行结果。在这个例子中,我们只是简单地将执行结果输出到页面上,实际场景中可能需要根据不同的业务需求进行定制化处理。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)