省市联动案例:
```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中获取的数据,所以没有这个考虑。但是上面的坑是一定要注意的。