Question

我有一个webmethod，它返回以下字符串：

{“d”：“您可以在这里找到更多其他数据。”}

但是在我的字符串后面的代码中只声明为

string result = "Here you will find more additional data"

此字符串将用于模式视图，通过单击HTML表格行弹出窗口。通过单击HTML表的行，将读取一列，并传递给webmethod（在代码隐藏中）。如何在没有{“d”：“}？

的情况下显示字符串

这是我的javascript代码：

 function GetModalDetails() {
        $('tbody tr').click(
            function () {
                var id = $(this).data('id');
                var JSONData = '{\'id\':' + JSON.stringify(id) + '}';
                makeAjaxCall(JSONData, id);
            });

        function makeAjaxCall(JSONData, id) {
            $.ajax({
                url: "<%= ResolveUrl("TestPage.aspx/getDetails") %>",
                data: JSONData,
                type: "POST",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    var result = msg;
                    document.getElementById("ModalBody").innerHTML = JSON.stringify(result);
                    document.getElementById("ModalHead").innerHTML = "Details for" + JSON.stringify(id);
                }
            })
        }
    }

这是我的HTML模态代码：

  <!-- Modal -->
<div class="modal fade" id="infoModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 class="modal-title" id="ModalHead">Auftragdetails</h3>
            </div>
            <div class="modal-body">
                <h5 class="text-center" id="ModalBody">Hier werden genauere Informationen zu dem geklickten Auftrag stehen.</h5>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default " data-dismiss="modal">Close</button>
            </div>

        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->

那我怎样才能正确显示字符串？

给字符串一些HTML标签是个好主意，Modal内容的风格是否像我需要的那样？但是，我将再次遇到

的问题

{ “d”： “”}

请帮帮我:)。

Answer 1

这应该有效

function makeAjaxCall(JSONData, id) {
        $.ajax({
            url: "<%= ResolveUrl("TestPage.aspx/getDetails") %>",
            data: JSONData,
            type: "POST",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                document.getElementById("ModalBody").innerHTML = msg.d;
                document.getElementById("ModalHead").innerHTML = "Details for" + JSON.stringify(id);
            }
        })
    }

以下是在模态体中呈现消息的代码：

document.getElementById("ModalBody").innerHTML = msg.d;

ASP.Net Ajax - JavaScript：如何在HTML中显示返回的变量

1 个答案: