html引入jquery和ajax
时间: 2023-08-17 07:13:28 浏览: 52
你可以使用以下代码在 HTML 页面中引入 jQuery 和 AJAX:
```html
<!DOCTYPE html>
<html>
<head>
<title>jQuery AJAX Example</title>
<!-- 引入 jQuery 库 -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn-load").click(function() {
// 发送 AJAX 请求
$.ajax({
url: "example.php",
method: "GET",
success: function(response) {
// 处理成功响应
$("#output").html(response);
},
error: function(xhr, status, error) {
// 处理错误响应
console.log(error);
}
});
});
});
</script>
</head>
<body>
<h1>jQuery AJAX Example</h1>
<button id="btn-load">Load Data</button>
<div id="output"></div>
</body>
</html>
```
这里我们在 HTML 头部引入了 jQuery 库,然后在 JavaScript 中使用了 $.ajax 方法来发送 AJAX 请求。在这里我们使用了一个按钮来触发请求,当用户点击按钮时,我们将会向 example.php 发送一个 GET 请求,并在成功响应时将响应内容显示在页面上。
相关推荐
![](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)