js代码在本地跑得好好的，上传到服务器就不能运行了。?报错

$.ajax({
			async: true,
			type: 'GET',
			url: '/admin/need/getDistrictListAjax',
			data: {'cityName': cityNameVal},
			contentType: 'application/json; charset=utf-8',
			dataType: 'json',
			success: function(data) {
				var areaList = eval(data.list);
				areaList.splice(0,1);// 删除"市辖区"字符串值
				var areaOptionStr = '';
				for(var i = 0, len = areaList.length; i<len; i++) {
					areaOptionStr += '<option value=' + areaList[i].name + '>' + areaList[i].name + '</option>';
				}
				/*$.each(areaList, function(i, item) {// 此jQuery方法本地运行良好, 但服务器运行失败故注释, 原因未知
			        // 循环当前城市辖区list，拼接html标签字符串
					areaOptionStr += '<option value=' + item.id + '>' + item.name + '</option>';
			    });*/
				$('#area').html(areaOptionStr);
			},
			error: function(XMLHttpRequest, textStatus, errorThrown) {
				// ajax出错输出到控制台
				console.log('chooseCity() is error: XMLHttpRequest.status = ' + XMLHttpRequest.status + 
						', XMLHttpRequest.readyState = ' + XMLHttpRequest.readyState + ', textStatus = ' +
						textStatus);
			}
		});

这是一段ajax代码，在本地可以跑，success里的方法，都可以跑，已经每一行都alert()过了，但是服务器上就是循环怎么都进不去，不能跑，$.each也不能跑，我以为是jQuery的问题，就用for循环自己写了一段代码，结果还是不能跑。

--------------------

本地测试都可以用的实现功能：