layui发送ajax请求后关闭子窗口并调用父类方法刷新表格
时间: 2023-08-09 14:06:16 浏览: 55
可以通过以下步骤实现:
1.在子窗口中发送ajax请求,请求成功后执行关闭窗口的代码和调用父类方法的代码,例如:
```javascript
$.ajax({
url: "your_url",
type: "POST",
data: your_data,
success: function(response){
// ajax请求成功后执行关闭窗口和刷新表格的操作
parent.layer.closeAll('iframe');
parent.your_refresh_function();
}
})
```
2.在父窗口中定义刷新表格的方法,例如:
```javascript
function your_refresh_function(){
// 刷新表格的代码
layui.table.reload('your_table_id');
}
```
其中,'your_table_id'为你的表格id。
相关问题
layui AJAX 请求成功后,不关闭弹窗和刷新父页面
如果你想在 AJAX 请求成功后不关闭弹窗和刷新父页面,可以在 AJAX 请求成功的回调函数中添加相应的逻辑。
例如,假设你的弹窗中有一个表单,填写完毕后点击提交按钮会发起 AJAX 请求,并在请求成功后显示成功提示信息,你可以这样编写提交按钮的点击事件处理函数:
```javascript
$('#submitBtn').click(function() {
$.ajax({
// ... 这里填写你的 AJAX 请求参数 ...
success: function(data) {
// 处理请求成功的情况
layer.msg('提交成功!', {icon: 1});
},
error: function(xhr, status, error) {
// 处理请求失败的情况
layer.msg('提交失败,请重试!', {icon: 2});
}
});
});
```
在这个例子中,我们在 AJAX 请求成功的回调函数中调用了 `layer.msg()` 方法,显示了一个成功提示信息,但是并没有关闭弹窗和刷新父页面。你可以根据具体的需求,在回调函数中添加相应的逻辑。
layui动态表格请求ajax后将数据赋值给data变量
假设需要将ajax请求返回的数据赋值给一个变量data,可以采取以下步骤:
1. 在ajax请求成功后,将返回的数据赋值给data变量。
示例代码:
```javascript
// 发送ajax请求,获取数据
$.ajax({
url: 'data.php',
dataType: 'json',
success: function(res) {
// 将返回的数据赋值给data变量
data = res.data;
// 渲染表格
renderTable(data);
}
});
// 渲染表格的函数
function renderTable(data) {
// 使用layui表格组件,渲染表格
layui.use('table', function() {
var table = layui.table;
table.render({
elem: '#table',
data: data,
// 其他配置项...
});
});
}
```
上述代码中,首先发送ajax请求获取数据,请求成功后将返回的数据赋值给data变量。然后调用renderTable函数,将data作为参数传入。在renderTable函数中,使用layui表格组件渲染表格,并将data作为表格数据传入。
相关推荐
![application/x-zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)