<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>

    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">

    <title>Hello APP</title>

    <link rel="stylesheet" type="text/css" href="./css/api.css" />

    <style type="text/css">

    html,body{

        height: 100%;

    }

    #wrap{

        height: 100%;

        display: -webkit-box;

        display: -webkit-flex;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-flex-flow: column;

               flex-flow: column;

    }

    #header{

        text-align: center; background-color: #81a9c3; color: #fff;

        width: 100%;

    }

    #header h1{

        font-size: 20px; height: 44px; line-height: 44px; margin: 0em; color: #fff;

    }

    #main{

        -webkit-box-flex: 1;

        -webkit-flex: 1;

        flex: 1;

    }

    #footer{

        height: 30px; line-height: 30px;

        background-color: #81a9c3;

        width: 100%;

        text-align: center;

    }

    #footer h5{

        color: white;

    }

    .con{font-size: 28px; text-align: center;}

    </style>

</head>

<body>

    <div id="wrap">

        <div id="header">

            <h1>APICloud</h1>

        </div>

        <div id="main">

        </div>

        <div id="footer">

            <h5>Copyright ©<span id="year"></span> </h5>

        </div>

    </div>

</body>

<script type="text/javascript" src="./script/api.js"></script>

<script type="text/javascript">

    apiready = function(){

        var header = $api.byId('header');

        var year = $api.byId('year');

        year.innerHTML = new Date().getFullYear();

    api.ajax({

        url: 'http://www.yuechebang.cn/Oauth/Api/index',

        method: 'get',

        cache: false,

        dataType: 'jsonp',

        returnAll:false,

    },function(ret,err){

        if (ret) {

            var urlJson = JSON.stringify(ret);

            api.alert({msg: urlJson});

        }else {

            api.alert({

                msg:('错误信息：'+err.msg)

            });

        };

    });

    };

</script>

</html>

　　上面ajax有误更新：

<script type="text/javascript">

apiready = function(){

    // 界面文字

    var header = $api.byId('header');

    var year = $api.byId('year');

    year.innerHTML = new Date().getFullYear();

};

      // 上传图片

    function showAction(){

        api.actionSheet({

            title: '上传图片',

            cancelTitle: '取消',

            buttons: ['拍照','从手机相册选择']

        }, function(ret, err) {

            if (ret) {

                getPicture(ret.buttonIndex);

            }

        });

    }

    function getPicture(sourceType) {

        if(sourceType==){ // 拍照

            api.getPicture({

                sourceType: 'camera',

                encodingType: 'jpg',

                mediaValue: 'pic',

                allowEdit: false,

                destinationType: 'base64',

                quality: ,

                saveToPhotoAlbum: true

            }, function(ret, err) {

                if (ret) {

                   $('#imgUp').attr('src', ret.base64Data);

                }else {

                    alert(JSON.stringify(err));

                }

            });

        }

        else if(sourceType==){ // 从相机中选择

            api.getPicture({

                    sourceType: 'library',

                    encodingType: 'jpg',

                    mediaValue: 'pic',

                    destinationType: 'base64',

                    quality: ,

                    targetWidth: ,

                    targetHeight:

                }, function(ret, err) {

                    if (ret) {

                        // $('#imgUp').attr('src', ret.base64Data)

                        var aa=ret.base64Data;

                        $.ajax({

                            type:"POST",

                            url:"http://www.yuechebang.cn/index.php/OAuth2API/Api/index",

                            data:{},

                            dataType:'json',

                            success:function(data){

                                if(data.errcode==){

                                    alert(data.errcode);

                                    $('#imgUp').attr('src',aa);

                                }else{

                                    alert(data.errmsg);

                                }

                            }

                        })

                    } else {

                        api.alert(JSON.stringify(err));

                    }

            });

        }

    }

</script>

apiCloud通过ajax获取数据的更多相关文章

  1. vue 中使用 AJAX获取数据的方法

    在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascri ...

  2. jquery通过ajax获取数据，控制显示的数据条数

    效果图: 现在我们可以先看它的json数据,如图所示:                然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据 ...

  3. jquery.ajax和Ajax 获取数据

    前几天接触了jquery 看到里面ajax的部分,自己也不是很懂,然后有重复看了即便,然后写了一个小功能,分享下...我刚学的.有错误的请指教. 验证用户名是否存在 在checkname_jqajax ...

  4. node.js之用ajax获取数据和ejs获取数据

    摘要:学了node之后有时候分不清前台和后台,今天用ajax和ejs来从后台获取数据,没有数据库,用json数据来进行模拟数据库:来区分前台和后台需要干什么? 一.用ejs获取数据 1.文件目录 2. ...

  5. vue ajax获取数据的时候，如何保证传递参数的安全或者说如何保护api的安全

    https://segmentfault.com/q/1010000005618139 vue ajax获取数据的时候,如何保证传递参数的安全或者说如何保护api的安全 点击提交,发送请求.但是api ...

  6. 获取链接的参数，判断是否是微信打开，ajax获取数据

    //获取链接参数function GetQueryString(name) {    var reg = new RegExp("(^|&)" + name + " ...

  7. select2 AJAX获取数据

    页面效果: index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"& ...

  8. 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

  9. [NodeJs] 用Nodejs+Express搭建web，nodejs路由和Ajax传数据并返回状态，nodejs+mysql通过ajax获取数据并写入数据库

    小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢no ...

随机推荐

  1. Cocos2d-X网络编程(3) Cocos2d中的网络通信协议——WebSocket协议

    WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信.实现浏览器与服务器的即时通讯.即服务器也能主动向客户端发消息. WebSocket代理类和方法: co ...

  2. liteide使用中的注意点

    liteide使用中的注意点 无法跳转 会出现无法跳转的情况,可能是这个包里面的某个文件会有错误,一般把这个包里的所有的错误都改正之后就能正常跳转了.Ubuntu中,直接按f2可以跳入,之后按住alt ...

  3. 关于MySQL的安装使用心得

    MySQL浅浅地学习了几天,当然还是转到正轨Java上来了,昨天打了一串代码,测试注解来着,结果MySQL挂了~~~ 如何干净卸载MySQL帖子有很多,不再赘述,注册表是个好东西~~ 卸载了Mysql ...

  4. 极*Java速成教程 - (7)

    Java高级特性 数组 在Java中,数组是一串连续的,不可改变长度的,对象被固定的,类型固定的连续空间.数组中的随机访问非常迅速,但为了速度放弃了灵活性.而效率也是数组最大的优点. 在使用泛型的容器 ...

  5. 图论 test solution

    图论 test solution T1:潜伏 题目背景 小悠回家之后,跟着母亲看了很多抗日神剧,其中不乏一些谍战片. 题目描述 解放前夕,北平城内潜伏着若干名地下党员,他们居住在城市的不同位置.现在身 ...

  6. 2019 湖湘杯 Reverse WP

    0x01 arguement 下载链接:https://www.lanzous.com/i7atyhc 1.准备 获取到信息: 32位的文件 upx加密文件 在控制台打开文件 使用"upx ...

  7. 为啥要使用Hessian

    1.为啥要使用Hessian? 有需求就有市场,挨踢界也是一样,想要实现远程调用,Hessian就应运而生. 场景:有一个后台系统,基本上所有的用户管理都在这个系统里操作,其中有一个方法是添加用户的方 ...

  8. Nginx 配置状态信息虚拟主机

    可以在浏览器中查看并发数量 [root@Liangenyu conf]# vim nginx.conf server { listen 80; server_name status.etiantian ...

  9. Manacher || P4555 [国家集训队]最长双回文串 || BZOJ 2565: 最长双回文串

    题面:P4555 [国家集训队]最长双回文串 题解:就.就考察马拉车的理解 在原始马拉车的基础上多维护个P[i].Q[i]数组,分别表示以i结尾最长回文子串的长度和以i开头的最长回文子串的长度 然后就 ...

  10. Manacher || Luogu P3805【模板】manacher算法

    题面:[模板]manacher算法 代码: #include<cstdio> #include<cstring> #include<iostream> #defin ...