在HTML网页中,您可以使用AJAX或表单提交来调用该方法并修改数据库中的数据。下面是一个示例:
<!DOCTYPE html>
<html>
<head>
<title>Update Movie</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function updateMovie() {
var id = parseInt($("#movieId").val());
var name = $("#movieName").val();
var actorName = $("#actorName").val();
var date = $("#releaseDate").val();
var introduce = $("#introduce").val();
var picture = $("#pictureURL").val();
$.ajax({
url: "/updateMovie",
type: "POST",
data: {
id: id,
name: name,
actorName: actorName,
date: date,
introduce: introduce,
picture: picture
},
success: function(response) {
alert(response);
},
error: function(xhr, status, error) {
console.log(error);
}
});
}
</script>
</head>
<body>
<h1>Update Movie</h1>
<label for="movieId">Movie ID:</label>
<input type="text" id="movieId"><br>
<label for="movieName">Movie Name:</label>
<input type="text" id="movieName"><br>
<label for="actorName">Actor Name:</label>
<input type="text" id="actorName"><br>
<label for="releaseDate">Release Date:</label>
<input type="text" id="releaseDate"><br>
<label for="introduce">Introduce:</label><br>
<textarea id="introduce"></textarea><br>
<label for="pictureURL">Picture URL:</label>
<input type="text" id="pictureURL"><br>
<button onclick="updateMovie()">Update</button>
</body>
</html>
请确保将/updateMovie
的URL和请求方法与后端的路由一致,并使用正确的请求类型(POST或GET)进行调用。在成功更新数据库后,会弹出一个提示框显示 “update success”。
内容由零声教学AI助手提供,问题来源于学员提问