当大家用Axure制作APP原型时，即使高保真效果也只是在视觉层面上实现了原型效果，但页面中的数据内容还都只是预先设定好的，例如：使用中继器、表格等，模拟真实作品。那么有没有一种方法，让我们制作的原型也能获取到真实数据呢？

本例通过JavaScript实现实时获取天气功能，意在激发大家兴趣，制作更多基于Axure获取实时信息的案例。废话不多说，上图为敬：

点击查看原型：

这个原型到底有什么独特之处吗？在刚打开的时候，整个页面呈现的数据都是之前设定好的，当点击左上角的『刷新』的时候，页面会通过一个天气查询api获取到当前真实数据，然后加载出来。怎么样，是不是被它吸引到了？

原理

这个实例中主要用到了Axure的以下几个功能：

（1）中继器

由于『昨天』、『今天』、『明天』的天气概要布局相同，可以使用中继器更加规范显示。

（2）JavaScript

在获取天气api时，通过Ajax的GET方式从天气api服务器中获取实时数据。

（3）全局变量

接收并储存获取到的实时数据。

（4）字符串函数

通过indexOf()、replace()、slice()等字符串函数对接收到的数据进行加工，之后存储到中继器中。

以下为整个实例流程图：

功能实现