php - Ajax 响应 HTML 响应

Question

我正在尝试检查 Entry 中是否存在重复项，并使用内联消息提醒用户该数字存在。

$(document).ready(function(){
    $("#con1").blur(function(){
        $.ajax({
        datatype: 'text',
        url: "check-dup-num.php",
        data : {
            con1: $("#con1").val()
            },
        context: document.body,
        success: function(result){
            console.log (result);
        }
    });
    });
});

这将在控制台日志中返回以下内容。

{"numcount":"3"}

我需要的是用消息填充 div id=#con1 :

<p> 3 duplicates found </p> 

如果 numcount 不等于 0。

我尝试添加

    var counter = $.parseJSON('result');
    var container = $('<p class="con1error"></p>');
    for(var i=0; i < counter.items.length; i++) {
     container.append('<p> Found ' + counter.items[i].numcount + ' duplicates. </h5>');
    }           
    $('#con1').append(container);

但是没有效果。

非常感谢任何帮助。

Answer 1

响应中没有任何内容表明有 items数组，并且没有理由有循环。

简单地说:

var counter = $.parseJSON('result'); // You may or may not need to do this
// Remove any previous message
$('#con1 .con1error').remove();
if (counter.numcount != 0) {
    // Set a message
    $('#con1').append("<p class=con1error> Found " + counter.numcount + " duplicate(s). </p>");
}

关于您的 ajax 的其他一些注释调用:

• 您有datatype: 'text' 。选项是dataType ，不是datatype 。案例很重要。但通常情况下，您不想指定 dataType根本不。相反，请确保响应返回适当的 Content-Type jQuery 将使用它来确定要做什么。
• 不需要 context: document.body除非你真的想要 this在您的回调中引用 document.body ，这将是不寻常的。
• 如果您确保 PHP 响应具有正确的 Content-Type ( application/json )，那么您不需要或不想要 $.parseJSON称呼。 jQuery 将查看内容类型并在将其提供给您之前对其进行解析。您只需要$.parseJSON如果您的 PHP 响应不正确，请调用 Content-Type喜欢 text/plain或text/html .