javascript - 无法调用未定义的 GetJson 的方法 'toLowerCase'

Question

当我为我的 Google Maps v3 获取 Jsonresult 时，我陷入了一种情况，我需要修复我的代码，但是当我在循环中使用来自 jquery 的 worker 加载我的地​​图时，此错误显示 Uncaught TypeError:无法调用未定义的方法“toLowerCase” 我不知道如何解决这个问题，我也没有看到有这个问题的一些固定装置。我希望有人能帮我解决这个问题

这是我的 Javascript 代码:

<script type="text/javascript">
    var geocoder;
    var map;

    function initialize() {
        var minZoomLevel = 4;
        var zooms = 7;
        geocoder = new google.maps.Geocoder();

        map = new google.maps.Map(document.getElementById('map'), {
            zoom: minZoomLevel,
            center: new google.maps.LatLng(38.50, -90.50),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        // Bounds for North America
        var strictBounds = new google.maps.LatLngBounds(
     new google.maps.LatLng(15.70, -160.50),
     new google.maps.LatLng(68.85, -55.90)
   );

        // Listen for the dragend event
        google.maps.event.addListener(map, 'dragend', function () {
            if (strictBounds.contains(map.getCenter())) return;

            // We're out of bounds - Move the map back within the bounds

            var c = map.getCenter(),
         x = c.lng(),
         y = c.lat(),
         maxX = strictBounds.getNorthEast().lng(),
         maxY = strictBounds.getNorthEast().lat(),
         minX = strictBounds.getSouthWest().lng(),
         minY = strictBounds.getSouthWest().lat();

            if (x < minX) x = minX;
            if (x > maxX) x = maxX;
            if (y < minY) y = minY;
            if (y > maxY) y = maxY;

            map.setCenter(new google.maps.LatLng(y, x));
        });


        // Limit the zoom level
        google.maps.event.addListener(map, 'zoom_changed', function () {
            if (map.getZoom() < minZoomLevel) map.setZoom(minZoomLevel);
        });


    }
    var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
    function codeAddress() {
        $.getJSON("/Dashboard/LoadWorkerList", function (address) {
            var infowindow = new google.maps.InfoWindow();
            $.each(address,function (index,currVal) {
               currVal = $(this).val();
                geocoder.geocode({ 'address': currVal }, function (results, status) {
                    if (status == google.maps.GeocoderStatus.OK) {

                        map.setCenter(results[0].geometry.location);
                        var marker = new google.maps.Marker({
                            map: map,
                            icon: iconBase + 'man.png',
                            position: results[0].geometry.location,
                            title: currVal
                        })


                        google.maps.event.addListener(marker, 'click', (function (marker, i) {
                            return function () {
                                infowindow.setContent(currVal);
                                infowindow.open(map, marker);
                            }
                        })(marker, currVal));
                        address.push(marker);
                    }
                    else {
                        alert("Geocode was not successful for the following reason: " + status);
                    }
                });
            });
        });
        return true;
    }

    window.onload = function () {
        initialize();
        codeAddress();
    }
</script>

这是 LoadWorkerList 的代码

   public JsonResult LoadWorkerList()
        {
            var workerList = new List<Worker_Address>();

            // check if search string has value
            // retrieve list of workers filtered by search criteria
            var list = (from a in db.Worker_Address
                        where a.LogicalDelete == false
                        select a).ToList();



            List<WorkerAddressInfo> wlist = new List<WorkerAddressInfo>();
            foreach (var row in list)
            {
                WorkerAddressInfo ci = new WorkerAddressInfo
                {
                    ID = row.ID,
                    Worker_ID = row.WorkerID,
                    AddressLine1 = row.Address_Line1 + " " + row.Address_Line2+ " " +row.City + " "+ GetLookupDisplayValById(row.State_LookID),
                    LogicalDelete = row.LogicalDelete

                };
                wlist.Add(ci);
            }


            return Json(wlist.ToList().OrderBy(p => p.AddressLine1), JsonRequestBehavior.AllowGet);
        }

错误在此 ff: 代码中

Uncaught TypeError: Cannot call method 'toLowerCase' of undefined 
v.fn.extend.val                          jquery-1.8.3.min.js:2
(anonymous function)              $.each(address,function (index,currVal) {
v.extend.each                           jquery-1.8.3.min.js:2
(anonymous function)              currVal = $(this).val();
l                                 jquery-1.8.3.min.js:2
c.fireWith                        jquery-1.8.3.min.js:2
T                                 jquery-1.8.3.min.js:2
r

Answer 1

好的，从堆栈跟踪来看，它是这么说的； - $(this).val() 在 currVal = $(this).val(); 中返回的值在某个索引处未定义，或者 - $.each(address,function (index,currVal) 处的 address 中的一个索引的值未定义。

确保 $.each(address,function (index,currVal) { 中的索引值不超过 address 的长度并且所有元素在 address 中分配了一个值

我猜您正在尝试对数组 address 中的地址进行地理编码，并且它正在尝试使地址成为小写字符串，但没有找到任何字符串。

如果address不是一个数组，就把它变成一个数组，它不应该是一个字符串