页面发送ajax请求,请求路径上多一个页面的上级目录
时间: 2024-03-09 07:44:22 浏览: 14
您可以使用相对路径或绝对路径的方式来实现请求路径上多一个页面的上级目录。
1. 相对路径:如果您想请求位于当前页面上级目录下的某个页面,可以使用相对路径,例如:
```
$.ajax({
url: '../parent-page/child-page',
method: 'GET'
// other options
});
```
这里的 `../` 表示上级目录。
2. 绝对路径:如果您知道要请求的页面的绝对路径,也可以直接使用绝对路径,例如:
```
$.ajax({
url: '/parent-page/child-page',
method: 'GET'
// other options
});
```
这里的 `/` 表示网站的根目录。
注意:使用相对路径或绝对路径时,需要确保请求的页面路径正确无误。
相关问题
用jquery发送ajax请求刷新页面,给一个demo
以下是一个简单的使用 jQuery 发送 Ajax 请求并刷新页面的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>使用 jQuery 发送 Ajax 请求并刷新页面</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$("#refreshBtn").click(function() {
$.ajax({
url: "refresh.php",
type: "POST",
success: function() {
location.reload();
}
});
});
});
</script>
</head>
<body>
<h1>使用 jQuery 发送 Ajax 请求并刷新页面</h1>
<p>点击按钮发送 Ajax 请求并刷新页面:</p>
<button id="refreshBtn">刷新页面</button>
</body>
</html>
```
在上面的示例中,当用户点击 "刷新页面" 按钮时,jQuery 将发送一个 POST 请求到 "refresh.php" 页面。如果请求成功,页面将会重新加载并刷新。请注意,此示例需要在服务器环境中运行,因为它使用了一个 PHP 页面。
点击button后发送ajax请求之后页面自动刷新
如果您想在点击按钮后发送Ajax请求,并在请求完成后刷新页面,可以在按钮的点击事件中调用Ajax请求,并在成功回调函数中使用location.reload()方法来实现页面的刷新。具体实现代码如下:
```html
<button id="my-button">点击发送请求</button>
<script>
$(function() {
$('#my-button').click(function() {
$.ajax({
url: 'your-url',
type: 'POST',
data: 'your-data',
success: function(response) {
location.reload();
}
});
});
});
</script>
```
在上面的代码中,当按钮被点击时,会调用click事件,并在该事件中使用$.ajax()方法来发送Ajax请求。当请求成功后,会调用success回调函数,并在该函数中使用location.reload()方法来刷新页面。这样,就可以实现点击按钮后发送Ajax请求,并在请求完成后刷新页面的效果。