JSONP 原理美学原理

HTML 中 script
标签可以加载其他域下的js
,比如大家平时引入2个别样域下线上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那个全局函数,在函数内部处理参数即可