HTML 中 script
标签可以加载其他域下的js
,比如我们日常引入一个此外域下线上cdn的jQuery。这咋样运用这么些特性实现从任何域下获取数据呢?

可以先这样试试:

<script src="http://api.jirengu.com/weather.php"></script>

这会儿候会向天气接口发送请求获取数据,获取数据后做为
js 来推行。 但这里有个问题, 数据是 JSON 格式的数量,直接作为 JS
运行的话我怎么去取得这一个数量来操作呢?

如此试试:

<script src="http://api.jirengu.com/weather.php?callback=showData"></script>

那一个请求到达后端后,后端会去解析callback这几个参数获取到字符串showData,在发送数据做如下处理:

在此以前后端再次来到数据:
{“city”: “hangzhou”, “weather”: “晴天”}

现行后端再次回到数据:
showData({“city”: “hangzhou”, “weather”: “晴天”})

前者script标签在加载数据后会把
「showData({“city”: “hangzhou”, “weather”: “晴天”})」做为 js
来施行,这实际就是调用showData这么些函数,同时参数是 {“city”:
“hangzhou”, “weather”: “晴天”}。

用户只需要在加载提前在页面定义好showData那个全局函数,在函数内部处理参数即可

相关文章

网站地图xml地图