使用jquery(jquery.min.js)写一个对http://localhost:8080/adminlogin进行POST,表单为name和pwd的jquery代码,给出html完整文件
时间: 2024-01-12 21:02:27 浏览: 35
以下是一个完整的 HTML 文件,其中包含了一个表单和使用 jQuery 发起 POST 请求的 JavaScript 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>POST Form using jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<form id="login-form">
<label for="name">Username:</label>
<input type="text" id="name" name="name"><br>
<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd"><br>
<input type="submit" value="Submit">
</form>
<script>
$(document).ready(function() {
$('#login-form').submit(function(event) {
// Prevent the form from submitting normally
event.preventDefault();
// Send an AJAX request
$.ajax({
url: 'http://localhost:8080/adminlogin',
method: 'POST',
data: {
name: $('#name').val(),
pwd: $('#pwd').val()
},
success: function(response) {
console.log(response);
},
error: function(xhr, status, error) {
console.log('Error:', error);
}
});
});
});
</script>
</body>
</html>
```
在这个 HTML 文件中,我们使用了 jQuery 库,并创建了一个表单,其中包含了一个用户名和密码字段和一个提交按钮。在 JavaScript 代码中,我们使用 jQuery 的 `submit()` 方法来监听表单的提交事件,当用户点击提交按钮时,我们会发送一个 AJAX 请求到指定的 URL,并将表单数据以 JSON 格式作为请求体发送。如果请求成功,我们会在控制台中打印出响应的数据,否则会打印出错误信息。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![](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)