贵博网络帝国app设为首页收藏本站
登录 | 立即注册 切换到宽版
查看: 2241|回复: 0

[使用教程] APICloud混合APP开发网站开发使用此接口调用数据示例

[复制链接]

该用户从未签到

发表于 2018-11-5 10:34:10 | 显示全部楼层 |阅读模式
使用APICloud混合APP开发不用修改任何接口文件即可直接使用,以下代码是APICloud端接口调用数据示例:
  Q5 H) M0 u2 k+ @  p' z( B. C  i- i* y1 h7 B5 C0 G- q. W5 w, t
  1. <!DOCTYPE HTML>) J4 J4 u6 ~) a4 d
  2. <html>
    9 v& f8 n1 ?* k3 l+ c
  3. <head>* Q) o- ]+ j* z6 ~/ x
  4.     <meta charset="utf-8">
    / y( S( N7 U- I3 i
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    4 k' S. G& K& k, ?" A% t# D9 @
  6.     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">& Z: Y- ]8 h! S# u9 ?1 B7 P
  7.     <title>Hello APP</title>  t( r" O' t/ V7 y* n
  8.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
    3 z/ r6 V1 {8 @$ v" F
  9.         <style>; l9 {8 {( g% B9 Z. n$ O, X
  10.                 #con{
    % w$ l. A  d) x+ m
  11.                         margin: 10px;5 Q. ~" k% `4 m: T' t* j
  12.                         font-size: 24px;/ K4 k' n% j- P( y* L" k9 c
  13.                 }
    7 Q, V  m; ]' s! j4 r
  14.                 ul{
    % l% k' l( w. |2 S
  15.                         margin-bottom: 10px;$ ]9 T' W, x' i, o7 c1 w$ U6 A
  16.                 }' m% ~2 d5 N" ~5 S# S
  17.                 ul li{
    1 k* s* J1 p$ [3 d+ y7 J. B
  18.                         margin: 5px 10px;
    4 A5 r" l" X, E7 u9 f! ?
  19.                         padding: 5px;  a4 H0 E# ?" v7 B  r: K/ A0 ~
  20.                         color: #000;% c8 u; c. z) D( j; O
  21.                         word-wrap: break-word;, F" `# A9 `5 E+ Q  P+ ^
  22.                 }' B- y2 t8 z* g. A: k2 E
  23.         </style>
    , ~, y3 l2 c% o, I, R; G
  24. </head>
    2 ^; R) I: Q6 C3 n9 y- f
  25. <body>
    2 f% F( L3 v  {+ O2 ~0 k- V
  26.     <label id="con">Hello APP</label>
    $ {5 e% b% A5 U9 a: b4 \6 c* y
  27.         <div id='sys-info'></div>
    0 e3 ~" N& P( H& k- S" n  c
  28. </body>
    # i% Q$ ~6 \7 ~0 W! V; ]
  29. <script type="text/javascript" src="../script/api.js"></script>
    . U) o: y' n0 V$ o) b  R# F
  30. <script type="text/javascript">
    1 o& n" ?7 ?+ R( p8 h
  31.     apiready = function(){
    8 Q. @1 k. ?0 W# w: x7 O8 R
  32.     api.ajax({
    / i6 t) Y/ s6 W+ K7 c# a* v
  33.         url: 'https://diguo.guiboweb.com/e/wxapi/list.php',7 s' @* N' y9 k
  34.         method: 'post'," y% S' I! t7 U3 D0 B/ F' l
  35.         headers:{
    , U0 ]1 I: q0 p  o  Q9 V  g" N
  36.           "X-APICloud-AppId":        "A6082525800858",
    1 K: N% l- l& D8 J( R
  37.           "X-APICloud-AppKey":        "E8CE9515-B5C9-ED42-F2DA-89D863C59EEB"! I' ?% y  U8 k" K* Y$ R# T0 z7 G
  38.         },
    5 |! [, w7 Q* d1 a4 }' Y% ?6 Y; d9 Q
  39.         data: {
    7 e  o6 q# O1 D5 T. e% y7 F
  40.             values: {" m+ ~$ J+ I9 l6 |% [
  41.                 classid: 47, ' G: s# s6 f7 }9 T8 J0 I( U
  42.                 limit: 10,
    / X$ V* m6 x: ?" ]6 O: g
  43.                 order: "id desc"5 N, }8 ^+ _6 v9 x, f
  44.             }
    2 R6 A0 K+ r1 r
  45.         }  ~6 a' A  d  p) j8 t
  46.     },function(ret, err){
    2 I- K4 s& c' A! v  b& s  ^
  47.         if (ret) {5 F3 d" w  g. D: u/ Y
  48.           var title = ret.title;
    ( ^$ [7 \' h$ [) r0 a
  49.           var str = '<ul>';, k* h& {9 Q9 G; `, y
  50.           for(var i=0; i<title.length; i++){
    ; [- v/ E6 R' k" O0 Y! o# |) V
  51.             str += '<li>' + title[i] + '</li>';3 b; A9 X( F0 k8 g$ n
  52.           }- Z) m4 e& t0 C; H# v! M+ G
  53.           str += '</ul>';
    2 i4 r' E( H0 g) r
  54.                       $api.byId('sys-info').innerHTML = str;
    " T8 T" a- w/ B& j$ W
  55.             // alert( JSON.stringify( ret ) );( R  j- R! g1 V1 z/ b6 T
  56.         } else {' v  I6 Q' ^' i$ n$ B5 F
  57.             alert( JSON.stringify( err ) );9 e# s* f1 W2 N" w# y
  58.         }
    . x7 r2 S+ M: `$ R. x1 _, k  x) L
  59.     });
    + G- j" H: X; w& d) N
  60. + L6 V+ c6 ~4 q9 k
  61.     };
    3 R, I; y5 D1 x2 i$ p
  62. </script>. W4 o+ f0 s- x6 L5 O% b
  63. </html>
复制代码
, q. P5 ?+ }- [5 e9 w9 \
) g- K$ h  J9 |- G
, S5 A+ P# D7 c
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|在线支付| 资质荣誉|小黑屋|手机版|Archiver| 贵博网络帝国app ( 湘ICP备15004884号  

GMT+8, 2020-2-29 02:19 , Processed in 0.083653 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表