jquery - 显示 JQuery 错误消息

Question

我想在 Ajax 调用的错误部分显示一个 JQuery 对话框。目前我正在使用下面的代码，但消息是在页面中而不是作为弹出对话框。最初，当页面加载时，图标也显示在我不想显示的页面上。

.cshtml

<div id="dialog-confirm" title="Error Message">
    <p>
      <span id="dialog-text"> </span>
      <span class="ui-icon ui-icon-alert" style="float:right; margin:0 7px 20px 0;"></span>
    </p>
</div>

Ajax 调用 - 出错时我想显示上面的对话框以及实际的错误消息

$.ajax(
{
    type: "GET",
    contentType: "application/json; charset=utf-8",
    url: '@Url.Action("UpdateRecord", "Client")',
    data: { "id": id, "name": clientName, "code": clientCode, "typeId": clientTypeId, "clientStatusCode": clientStatusCode },
    dataType: "json",
    beforeSend: function () {//alert(id);
    },
    error: function (request) {
        alert('inside error');
        $("#dialog-text").html(request.responseText);
        $("#dialog-confirm").dialog("open");

        //alert(request.responseText);
    },
});