var cityUrl = "api.weather/weather?city=";
var cityName = "Shanghai";
var url = cityUrl + cityName;
$.ajax({
url: url,
success: function(data) {
}
});
```在这个示例中,我们首先定义了一个名为"cityUrl"的变量,来存储城市的URL地址。然后,定义了一个名为"cityName"的变量,存储了具体的城市名称,这里以"Shanghai"为例。接着,通过将"cityUrl"和"cityName"拼接起来,生成了完整的URL地址。最后,在Ajax请求中使用这个URL进行数据请求。通过引用地址变量的方式,我们可以方便地根据不同的城市名称生成不同的URL地址,并发送对应的Ajax请求。这样,在同一个页面中,我们可以同时请求不同城市的天气信息,而不需要写多个类似的Ajax请求代码。除了直接拼接地址变量,我们也可以使用模板字符串的方式来引用地址变量。模板字符串是ES6新增的一种字符串语法,可以轻松地插入变量,并生成动态的字符串。下面给出了一个使用模板字符串的示例代码:```prevar cityName = "Beijing";
var url = `api.weather/weather?city=${cityName}`;
$.ajax({
url: url,
success: function(data) {
}
});
```在这个示例中,我们使用了模板字符串来生成URL地址。通过插入变量"${cityName}",我们可以动态地生成具体的URL地址。综上所述,通过引用地址变量的方式,我们可以方便地在Ajax请求中使用不同的地址,并实现根据地址变量生成动态URL的功能。这样,可以大大提高代码的复用性和灵活性,减少冗余的重复代码。在实际开发中,我们可以利用这种方式来处理各种需要根据地址变量生成不同URL的情况,从而提升效率和开发体验。