使用jquery.ajax（）搜索数据库并获取“未捕获的错误：NOT_FOUND_ERR：DOM异常8”

Question

我正在使用jquery.ajax（）搜索数据库表并将数据返回到页面上的div。

单击搜索链接时，脚本无法将usrObj返回到div，并抛出msg 未捕获错误：NOT_FOUND_ERR：DOM异常8 。

有人告诉我这可能是语法错误引起的吗？ 但是我没看到问题...

这是我的代码：

$(function() {
//hide default articles
$("ul a").click(function(event){
     $(".short_article").addClass("hidden");
}); 

  $('#search-box').submit(function() {
    $.ajax({
        type: 'POST',
        url:  'faq/search.php?',
        data: 'Term=body',
        success: function(jqXHR){
            var usrObj = $.parseJSON(jqXHR);
            $('#load_window').html (usrObj);
            alert ("Search failed"); //no alert displays

        }
    });
    return false;
});

});

<div id="load_window"></div>

Answer 1

删除“ html”之后的空格：

$('#load_window').html (usrObj);

...应该

$('#load_window').html(usrObj);

Answer 2

我发现代码有3个问题。 第三可能是相关的。 但是前两个使您的代码难以理解。

• 第一。 成功回调的标头如下：function（data，textStatus，jqXHR）。 因此，请遵循此命名。 否则，您的代码会造成混乱。
• 第二。 如果您希望json作为服务器脚本的响应，则将“ dataType：'json'”选项添加到ajax（）调用中。 这将确保您的回调将收到已经是Json对象的“数据”。 因此在parseJSON（）中将不再需要。 如果您期望HTML-dataType必须为'html'并且应删除所有json处理。
• 第三。 您正在尝试html（）Json对象。 但是，此方法需要字符串。 因此，很有可能html（）有点疯狂并引发异常。