附录B： 接口调用范例：javascript+JSON

(本例以获取追信组件列表为例演示JavaScript+JSON 方法调用)

提示:

本例中URL 附带的相关参数详见常规接口参数

个别设备用不支持使用jQuery 开发

一、使用js框架jQuery开发****:

**1.**引入jQuery

<script type ="text/javascript" src ="js/jquery.js">script > 2.**相关代码** <script type ="text/javascript"> $(document ).ready (**function**(){//页面DOM 元素载入完毕 **var** url = "http://api.zhui.cn/content/ZIDList.ashx?showmode=2&jsoncallback=?";//获取数据URL 地址,可从上面相关接口介绍中获取 **var** list =$(" ");//定义相关元素 list .appendTo ("body");//并加入页面中 $.getJSON (url ,**function**(msg ){//开始调用 $.each (msg .Items ,**function**(i ,item ){//遍历获取的数据 $(" "+item .ZName +"").appendTo (list );//整合返回的数据,插入页面 }) }) }) script > **二、使用****JavaScript****开发****:** **1.****相关代码****(**代码放在body 下**)** <script type ="text/javascript"> **function** json (msg ){//定义函数，函数名随意，不过要和下面URL 参数jsoncallback 的值相吻合 **var** len =msg .Items .length ; **for**(**var** i =0 ;i <len ;i ++){ **var** z =msg .Items [i ].ZName ; **var** txt =document .createTextNode (z ); **var** li =document .createElement ("li"); **var** ul =document .createElement ("ul"); li .appendChild (txt ); ul .appendChild (li ); document .getElementsByTagName ("body")[0 ].appendChild (ul ); } } script > <script type ="text/javascript" src ="http://api.zhui.cn/content/ZIDList.ashx?showmode=2&jsoncallback=json">script > //调用