javascript - Ajax响应未调用成功:function() when using jQuery 1. 8.3

Question

使用 jQuery 1.8.3 时，Ajax 响应不调用 success:function()，但代码与 jQuery 1.4.2 完美配合。

代码如下:

<script type="text/javascript">
$(document).ready(function(){
    $("#usn").on('keyup',function() {
        var dat=$("#usn").val();
        if($.trim(dat).length<10){
            $("#result").html("");
            $("#info").show();
        } else if($.trim(dat).length==10) {    
            txt=$("#usn").val();
            txt=txt.toUpperCase();
            var exp = /^[1-9][a-zA-Z][a-zA-Z][0-9][0-9][a-zA-Z][a-zA-Z][0-9][0-9][0-9]$/;
            if(exp.test(txt)){
                var resultType =$("input[name='resultType']:checked").val();
                $("#result").html("<img src=\"./result/loader.gif\"/><br/>Loading...");     
                $.ajax({
                    type: "GET",
                    url: "result/result_html.php?usn="+txt+"&resultType="+resultType,
                    dataType:"JSON",
                    success:function(result){
                        $("#info").hide();
                        $("#result").html(result);              
                        $("#usn").attr("placeholder", "USN"); 
                    }
                });
            } else {
                $("#result").html("Please enter a valid USN.");    
            }
        }
    });
});
</script>

控制台没有显示任何错误。我可以在控制台中看到Ajax请求已成功完成。我可以在我的脚本控制台中看到预期的 Ajax 响应。

可能是什么问题？

Answer 1

在您的 $.ajax() 调用中，dataType 是 JSON。您说您的评论中的回复是 HTML。只需将 dataType 更改为“html”即可解决该问题。