省市联动案例: ```html Document ``` ![](images/1.gif) 注意事项: > Ajax最好不要用全局变量,因为Ajax请求需要时间,你获取到的可能是未更新的值。 > > 如果非要使用的话,使用回调函数来执行这个变量。 ```js var global = ""; var xhr = new XMLHttpRequest(); xhr.open("get", "./data", true); xhr.send(); xhr.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { global = this.responseText; show(global); } }; function show(data) { alert(data); } ``` 上面省市联动中,在获取地区的列表时,需要用到市的信息,所以我们将市的列表提升出来: `var cityList = [];` 由于这里 cityList 并不是在Ajax中获取的数据,所以没有这个考虑。但是上面的坑是一定要注意的。