将数据从视图内的ajax调用传递到模式

Question

嗨，我有一个带有ajax脚本的视图。它们都在一个视图之内。当ajax调用成功时，它将返回一个对象并打开一个模式。如何将对象传递给模态？

    <script>
    function PassFormToController() {
        debugger

        var orderNumber = document.getElementById('txtOrderNumber').value;
        var billingPostalCode = document.getElementById('txtBillingNumberPostalCode').value; 

        var url = "/LoginOrderStatus/ModalOrder";

            $.ajax({
                type: "GET",
                contentType: "application/json; charset=utf-8",
                url: url,
                data: { 'orderNumber': orderNumber, 'billingPostalCode': billingPostalCode },
                success: function (data, status, headers, config) {
                    debugger

                    var jdata = JSON.parse(data);             
                    var orderDetailOtherHeader = jdata.odrDetailOtherHdr; //dataToPass
                    var orderDetailHeader = jdata.odrDetailHdr;  //dataToPass
                    var itemList = jdata.odrProductList;  //dataToPass
                    var billingPostalcode = jdata.billingPostalCode;  //dataToPass

                    $("#loginOrderStatusModal").modal('show'); //pass here
                },
                error: function () {
                    debugger
                    alert("failed");
                }
            });        
    }
    </script>

Answer 1

尝试一下：

   <div class="modal fade" id="loginOrderStatusModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true" data-url=''>
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="modal-title"></h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                <div class="modal-body" id="modal-body">

                </div>
            </div>
        </div>
    </div>

然后：

            var jdata = JSON.parse(data);             
            var orderDetailOtherHeader = jdata.odrDetailOtherHdr; //dataToPass
            var orderDetailHeader = jdata.odrDetailHdr;  //dataToPass
            var itemList = jdata.odrProductList;  //dataToPass
            var billingPostalcode = jdata.billingPostalCode;  //dataToPass

            $('#modal-title').text(orderDetailOtherHeader);
            $('#modal-body').text(itemList)
            //plus your other variables

            $("#loginOrderStatusModal").modal('show'); //pass here