Question

说我有一个刀片模板（form.blade.php），它有一个将数据插入库存的表单。

我想在另一个通过ajax调用的页面上共享此表单，并在另一个视图上加载模式（form2.blade.php）

在form2.blade.php

上

<!-- Modal -->
<div class="modal fade" id="inventoryModal" tabindex="-1" role="dialog" data-backdrop="false" style="z-index:9999999">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="inventoryModalHeader"></h4>
      </div>
      <div class="modal-body" id="inventoryModalBody"></div>
      <div class="modal-footer" id="inventoryModalFooter">
        <button @click="addNewInventory()">Add New Inventory</button>
      </div>
    </div>
  </div>
</div>

form2.blade.php上的Vue函数

openNewInventoryModal:function(){
                var cur = this;

                axios.get("{{url('/inventory')}}"+"/ajax")
                .then(function (response) {
                    console.log(response);
                    $("#inventoryModalHeader").html('New Inventory');
                    $("#inventoryModalBody").html('<form id="addNewInventory">'+response.data+'</form>');
                    $("#inventoryModal").modal("show");
                })
                .catch(function (error) {
                    swal("Error", "Fatal error, please contact the admin", "error");
                });
            },

这里的问题是模态已经在表单中，我在表单中加载ajax。有没有办法可以渲染部分表格并提交并关闭模态？

Laravel渲染部分表格提交

0 个答案: