ajax请求之后刷新页面
时间: 2023-07-25 12:11:44 浏览: 49
如果您想在Ajax请求后刷新页面,可以在Ajax的成功回调函数中使用location.reload()方法来实现。具体实现代码如下:
```javascript
$.ajax({
url: 'your-url',
type: 'POST',
data: 'your-data',
success: function(response) {
location.reload();
}
});
```
在上面的代码中,当Ajax请求成功后,会调用success回调函数,并且在该函数中使用location.reload()方法来刷新页面。这样,页面就会重新加载并显示最新的内容。
相关问题
ajax 请求后刷新Table
要实现 AJAX 请求后刷新 Table,可以在 AJAX 的 success 回调函数中重新加载 Table 的数据,然后再调用 Table 的刷新方法即可。具体实现步骤如下:
1. 在 HTML 页面中定义一个 Table,例如:
```html
<table id="myTable">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Age</th>
</tr>
</thead>
<tbody>
<!-- 这里是表格行数据 -->
</tbody>
</table>
```
2. 在 JavaScript 中使用 jQuery 发送 AJAX 请求,例如:
```javascript
$.ajax({
type: 'GET',
url: 'your-api-url',
success: function(data) {
// 在 success 回调函数中重新加载 Table 数据
var rows = '';
data.forEach(function(item) {
rows += '<tr><td>' + item.id + '</td><td>' + item.name + '</td><td>' + item.age + '</td></tr>';
});
$('#myTable tbody').html(rows);
// 调用 Table 的刷新方法
$('#myTable').DataTable().draw();
}
});
```
注意,这里使用了 DataTable 插件的 `draw()` 方法进行 Table 的刷新。如果你没有使用 DataTable 插件,可以使用其他 Table 插件的刷新方法,或者直接使用 jQuery 的 `load()` 方法重新加载整个 Table。
点击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请求,并在请求完成后刷新页面的效果。