Передача данных из 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