提交并保留第一个模态时如何关闭第二个引导模态？

Question

我正在使用Laravel5。我有一个页面，其中包含1页PHP中的2个引导程序模式；模态上的模态，如下图所示。我的问题是，当我在第二个模式上单击“提交”时，它将重定向到空白页。我希望关闭第二个模态，而第一个模态仍在那里。我正在尝试使用Ajax，但我并不擅长。

这是我在第二个模式上的提交按钮：

<button type="submit" id="shipmat_btn" class="btn btn-success">Submit</button>

这是我的控制器代码：

public function MaterialShipmentAdd(Request $request)
{
    $shipment = new Shipment;
    $shipment->setConnection('SUPPLYCHAIN');
    $shipment->MAT_ID = $request['sip_material_add'];
    $shipment->MAT_NAME = $getmatname[0]->MAT_NAME;
    $shipment->SIP_QUANTITY = $request['sip_quantity_add'];
    $shipment->SIP_CREATED_AT = date('Y-m-d H:i:s');
    $shipment->save();
}

ajax代码：

$('#shipmat_btn').submit(function(e) {
  $.ajax({
      url: "MaterialShipmentAdd",
      type: "POST",
      cache: false,
      success: function(data){
        $('#myModal2').modal('hide');
      }
  }); 
});

Answer 1

据我所知，您的问题还不是很清楚，

由于表单使用HTML提交而被重定向到空白页的原因。您需要通过在<View style={{ width: 200, height: 200, backgroundColor: '#555' }}> <Image source={require('./bird.jpg')} style={{ alignSelf: 'stretch', flex: 1, resizeMode: 'cover', width: 'auto' }} /> </View>

内添加e.preventDefault()来防止这种情况

当第二个模态开始显示时，您可以使用show event隐藏您的第一个模态。就是这样

$('#shipmat_btn').submit

希望这会有所帮助！