Jquery 在Bootstrap 4中有没有简单的方法来获取模态数据

Jquery 在Bootstrap 4中有没有简单的方法来获取模态数据,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,到目前为止,我一直在使用Bootstrap4,但现在想尝试一下。 我读了全文,但我没有找到一种像在vex中那样容易获得模态形式数据的方法 到目前为止我发现:这是可能的: $('#myModal').on('hide.bs.modal', function (e) { // ask value of $("#form-input1") // ask value of $("#form-input2") // ask value of $("#form-input3") }) Vex使

到目前为止,我一直在使用Bootstrap4,但现在想尝试一下。 我读了全文,但我没有找到一种像在vex中那样容易获得模态形式数据的方法

到目前为止我发现:这是可能的:

$('#myModal').on('hide.bs.modal', function (e) {
  // ask value of $("#form-input1")
  // ask value of $("#form-input2")
  // ask value of $("#form-input3")
})

Vex使用一个回调函数,当我单击
Ok
并调用回调函数时,该回调函数的参数
data
(一个对象)中保存了所有这些值。

要从该模式获取所有表单数据,可以使用该函数。但是,如果您想从该组表单数据构造js对象,还有另一个选项。您可以使用函数。这里是一个堆栈溢出,您可以在其中找到如何将序列化数组转换为js对象。希望这能解决您的问题。

您可以做的最简单的事情是将模态的标记创建为
。这将允许您以
This
的身份从各种事件(例如
hidden.bs.modal
)处理程序访问
.modal()
对象

当您有权访问表单本身时,您可以使用jQuery方法或使用本机类,如下面的示例所示

$(“#模态形式”).on('hidden.bs.modal',函数(事件){
//`this`是模态窗口,在我们的例子中也是`this`
//选项1:使用jQuery的`.serializeArray()
var fieldsasasarray=$(this.serializeArray();
console.log('fieldsasrarray',fieldsasrarray);
//选项2:使用本机'FormData'对象
var fieldsAsFormData=新的FormData(本);
console.log('fieldsAsFormData',fieldsAsFormData);
});

情态标题
&时代;
示例标签
另一个标签
接近
保存更改
开放模态形式