我要投搞

标签云

收藏小站

爱尚经典语录、名言、句子、散文、日志、唯美图片

当前位置:星彩网 > 百灵 >

那咱们奈何形式化这些数据呢

归档日期:04-12       文本归类:百灵      文章编辑:爱尚语录

  原题目:Axure高阶教程:应用JavaScript修制及时天色显示APP!

  当行家用Axure修制APP原型时,尽管高保真后果也只是正在视觉层面上完毕了原型后果,但页面中的数据实质还都只是预先设定好的,比如:利用中继器、外格等,模仿可靠作品。那么有没有一种法子,让咱们修制的原型也能获取到可靠数据呢?

  本例通过Java实实际时获取天色性能,意正在引发行家趣味,修制更众基于Axure获取及时音信的案例。空话不众说,上图为敬?

  这个原型终归有什么奇异之处吗?正在刚翻开的时分,一共页面外现的数据都是之前设定好的,当点击左上角的『改正』的时分,页面会通过一个天色查问api获取到今朝可靠数据,然后加载出来。若何样,是不是被它吸引到了?

  因为『昨天』、『此日』、『诰日』的天色概要组织肖似,可能利用中继器特别范例显示。

  正在获取天色api时,通过Ajax的GET式样从天色api效劳器中获取及时数据。

  通过indexOf、replace、slice等字符串函数对汲取到的数据举办加工,之后存储到中继器中。

  正在本例中,咱们通过『』api获取到北京天色的及时数据,行家可能看到,数据是以json样子返回的,此接口可能得到当天的天色详情和从昨天到来日15天的天色数据。

  咱们先设定一个全部变量『tianqi』,当点击改正按钮时,先设立全部变量值为空,再通过『翻开链接』性能插入Java剧本,参数采用「链接外部网址」,「翻开今朝窗口」挪用api并赋值给全部变量。

  这段Java代码的兴味即是挪用Java,通过「ajax」对象的「GET」式样,从「」地点获取数据,由于这个api不必要通报参数,因而「data」字段并没有赋值。之后将获取到的数据通过「JSON.stringify」转为字符串后赋值给全部变量「tianqi」。

  倘若你不明了,去百度下ajax的「GET」法子就能略知一二了。通过这一步,咱们的全部变量「tianqi」就一经获取到了及时的天色数据。那么之后若何加工呢?

  目前的全部变量值如下图,是没手腕直接利用的。那咱们怎么样子化这些数据呢,这时就必要字符串函数了。

  如图所示,一共数据中包括了2个人,第一个人是当天的天色状况,第二个人是从昨天发端到之后的十五天天色状况。因为时期合联,本次实例中只利用到了「第一个人」和「昨天到诰日」的天色状况。

  咱们最初创修4个文本框,这4个文本框区分保全「当天天色状况」、「昨天天色状况」、「此日天色状况」、「诰日天色状况」。然后通过『设立文本』性能对文本框赋值,个中「当天天色状况」的赋值函数为!

  这句话什么兴味呢?即是说截取「tianqi」字符串中从「shidu」字段到「yesterday」字段的字符。

  目前咱们得到了4段数据,区分为「当天天色状况」、「昨天天色状况」、「此日天色状况」、「诰日天色状况」。如许就简便众了,当咱们必要当天的温度是,直接从「当天天色状况」数据中查找对应的「wendu」就可能了。

  咱们很容易看到,「wendu」的数值是「16」。怎么截取呢?咱们通过以下函数将「16」赋值给页面中的『温度』字段。个中「LVAR1」为「当天天色状况」元件的元件文字。

  如前所述,页面中的「昨天」、「此日」、「诰日」天色状况咱们通过中继器蓄积。更新中继器数据咱们通过『更新行』举措完毕。

  对应的赋值函数同样通过字符串函数完毕,比如「天色类型」函数如下,LVAR1为「昨天天色状况」元件的元件文字!

  举动一名产物司理,倘若连自身最常用的软件都不行爱琢磨,何叙自身要拓荒的产物呢?

  通过这种获取api的式样,咱们可能修制更众及时、可靠的案例,正在网上有众数的api,比如巨细写转换、MD5加密、归属地查问、车辆限行,倘若咱们做的案例中能妥善的利用这些性能,不是更好吗?更进一步,倘若懂得拓荒,咱们一律可认为了原型演示拓荒一个特定的api,完毕相应性能。

  目前测试后已知的范围是,倘若接口不是https契约,原型正在axshare上无法获取数据,道理是axshare禁止挪用http接口。

  正在网上测试了少少接口,发明利用ajax法子挪用时会发生跨域题目,导致无法汲取到数据,实在办理法子没有找到,倘若有法子接待留言。

  记得利用『JSON.stringify』转换汲取到的数据,由于数据或者是json类型,要转换为字符串才调利用。

  本天色案例基于小米手机体例天色app。因为时期合联只修制了首页,其他滑动及点击后果之后有时期或者会更新。

本文链接:http://sopojo.com/bailing/196.html