jQuery $ .ajax静默失败，没有错误消息，服务器响应为200 OK

Question

我将尽一切努力解决这个问题。我正在使用非常简单的jQuery ajax调用来从数据库中获取值，并使用值填充一些选择元素，所有这些元素均以JSON返回。它可以在大多数浏览器上无缝运行，但是客户端报告说，他们或他们的客户端都没有看到结果。

我在添加代码的过程中添加了一些Console.log（）命令，以确保代码正在执行。有时，所讨论URL的ajax GET可以工作，其他时候STILL返回200 OK，但是代码根本无法进一步执行，并且错误回调中没有显示ajax错误消息。

这是我正在使用的代码，有人可以发现可能导致某些浏览器窒息的明显现象吗？如果是这样，请您指出：

        var $j = jQuery.noConflict(true);
        $j(document).ready(function(){
            //console.log("jQuery has loaded");
            //console.log("attempting to load country list via AJAX call now");
            $j.ajax({
                url: 'http://www.topplaces.co.za/templates/seb_one/positions/search_establishments_filter/search/db.php?q=countries&rand='+Math.random(),
                success: function(data){
                    //console.log("Successfully got country list, going to populate the dropdown now");
                    if(data.length){
                        $j("#country").children("option:not(:first)").remove();
                        $j("#country").attr("disabled", false);
                        $j.each(data, function(resultIndex, result){
                            var o = new Option();
                            $j(o).html(result.country).val(result.country);
                            $j("#country").append(o);
                        })
                        //console.log("Country list should be populated now?");
                    }
                },
                error: function (xhr, ajaxOptions, thrownError){
                    //console.log(xhr.responseText);
                    console.log(thrownError);   
                },
                dataType: 'json',
                cache: false
            })

            $j("#country").live('change', function(){
                var id = $j(this).val();
                if(id == ""){
                    $j("#province").attr("disabled", "disabled");
                    $j("#town").attr("disabled", "disabled");
                    return false;
                }
                $j.ajax({
                    url: 'http://www.topplaces.co.za/templates/seb_one/positions/search_establishments_filter/search/db.php?q=provinces&c='+id+'&rand='+Math.random(),
                    success: function(data){
                    if(data.length){
                        $j("#province").children("option:not(:first)").remove();
                        $j("#province").attr("disabled", false);
                        $j.each(data, function(resultIndex, result){
                            var o = new Option();
                            $j(o).html(result.province).val(result.province);
                            $j("#province").append(o);
                        })
                    }
                },
                dataType: 'json',
                cache: false
                })
            });

            $j("#province").live('change', function(){
                var id = $j(this).val();
                if(id == ""){
                    $j("#town").attr("disabled", "disabled");
                    return false;
                }
                $j.ajax({
                    url: 'http://www.topplaces.co.za/templates/seb_one/positions/search_establishments_filter/search/db.php?q=towns&p='+id+'&rand='+Math.random(),
                    success: function(data){
                    if(data.length){
                        $j("#town").children("option:not(:first)").remove();
                        $j("#town").attr("disabled", false);
                        $j.each(data, function(resultIndex, result){
                            var o = new Option();
                            $j(o).html(result.town).val(result.town);
                            $j("#town").append(o);
                        })
                    }
                },
                dataType: 'json',
                cache: false
                })
            });

        })

我已经注释掉了Consol.log命令，纯粹是因为没有控制台，客户端正在IE上接收错误消息。

编辑：我没有提到这是一个相同的域请求，因此遵循相同的起源策略

完整的网站位于：http : //www.topplaces.co.za/ 右侧是一个动态选择组，该组以国家/地区开头并发起AJAX呼叫，直到选择了一个省。问题是，很多人说“国家”对他们来说没有负担。

亲切的问候，西蒙

Answer 1

检查您的服务器应用程序是否始终返回有效的 JSON 对象，否则它将不会被接受，因为您设置了dataType: 'json'. 在这种情况下，error将执行 function 而不是success.

删除dataType参数并看看会发生什么，尝试解析传入的数据$.parseJSON()- 如果 JSON 无效，它将抛出异常。