如何在jquery中的弹出窗口中访问Json返回值

本文关键字：窗口 访问 Json 返回值 jquery | 更新日期: 2023-09-27 18:28:10

这是我的Json函数。使用doAjax函数，我访问控制器中的值，并给出值。

    function doAjax(type, url, data, callback) {
    $.ajax({
        type: type,
        url: url,
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (data) {          
            callback(data);           
        },
        failure: function (errMsg) {
            alert(errMsg);
        }
    });
}

这是我点击按钮时的jquery代码。当我使用调试器时，它有值。

 $('.btn-setting').click(function () {       
    var data = "";
    doAjax("GET", "/Dashboard/OrderDetails/", data, function (result) {
        data = result;
        for (var i = 0; i < 1; i++) {
            var Html = "<ul><li><span>Name</span></li><li>??Name??</li></ul><ul><li><span>AirCraft Type</span></li><li>??AirCraftType??</li></ul>;
            Html = Html.replace("??Name??", data.Title + " " + data.FirstName + " " + data.LastName);
            Html = Html.replace("??AirCraftType??", data.AirCraftType);             
        }
    });
});

这是我的div，我想在div弹出窗口中显示我的json值。

<div class="modal hide fade" id="myModal">
    <div class="modal-body">
    </div>
</div>

所以请帮我在弹出窗口中获取值。提前感谢

如何在jquery中的弹出窗口中访问Json返回值

假设您想将内容放入模态主体中

使用jquery:

$('.modal-body').html('html string')

使用javascript:

document.getElementsByClassName('modal-body')[0].innerHTML='html string'

像这样尝试

success: function (data) { $('.modal-body').dialog(); }

或者您可以附加数据

var数据=[｛title：'t'，FirstName:'name-first'，LastName:'last-name'，AirCraftType:'Air Craft｝，｛title："t1"，FirstName："name first1"，LastName："last name 1"，AirCraft Type："Air Craft 1"｝]；

    var Html = "";
    $(data).each(function(i, value){
      Html = Html+ here your code ;
        //here you get value.title ,value.FirstName ...
    });
    $('div.modal-body', $('#myModal')).html(Html);

使用open函数在对话框中加载AJAX结果。

$('.btn-setting').click(function ()
     $("#myModal").dialog({
                    title: 'Dialog Title',
                    autoOpen: false,
                    resizable: true,
                    height: 350,
                    width: '550px',
                    show: { effect: 'drop', direction: "up" },
                    modal: true,
                    draggable: true,
                    open: function (event, ui) {
                        $.ajax({
                            url: url //Your AJAX call URL,
                            cache: false,
                            context: this,
                            success: function (result) {
                                $(this).html(result);
                            }
                        });

                    },
                    close: function (event, ui) {
                        }
                    }
                });
                });
相关文章：