jquery ajax 响应未显示在 jqueryui 对话框窗口上

Question

我想在单击链接时显示博客详细信息。

这是我的部分代码。

“.ajax”部分

    $.ajax({
        url: 'someurl',
        dataType: 'json',

        success: function( response ) {
            $( '#viewDialog > h1' ).html( response.title );
            $( '#viewDialog > p' ).html( response.content );

            $( '#viewDialog' ).dialog( 'open' );
        }
    });

“.html”部分

<div id="viewDialog" title="My Blog">
    <h1></h1>
    <p></p>
</div>

我很确定我从服务器得到了正确的 json 格式的响应。像这样的东西{"id":"120","title":"我的新东西","content":"一些新东西","author_id":"11"}

当我点击链接时，弹出了对话框窗口，但窗口中没有显示任何信息。

我做的一切都正确吗？

米洛

Answer 1

看起来差不多了 - 试试这个:

$.ajax({
    url: 'someurl',
    dataType: 'json',
    success: function( response ) {
        $( '#viewDialog > h1').html( response.title );
        $( '#viewDialog > p' ).html( response.content );

        $( '#viewDialog' ).dialog( 'open' );
    }
});

您没有定义我可以看到的 blogDetail ID。看起来您正在尝试将 HTML 放入 viewDialog 中。