<!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. Mac搭建github Page的Hexo免费个人博客

    1.基础准备 github账号 安装git 安装node.js.npm 2.创建repo 3.配置SSH key 这一步并不重要,配置SSH key与否,并不影响博客的搭建和使用,只是配置了之后,更新 ...

  2. 【Qt开发】QT中显示图像数据

    一般图像数据都是以RGBRGBRGB--字节流的方式(解码完成后的原始图像流),我说成字节流,那就表明R,G,B的值各占一个字节,在编程时表示的就是unsigned char * data. 我们先来 ...

  3. org.apache.ibatis.exceptions.PersistenceException: ### Error querying database. Cause: java.sql.SQLException: The server time zone value 'Öйú±ê׼ʱ¼ä' is unrecognized or represents mor

    今天在用junit测试mybits程序是遇到一个问题,报错为: org.apache.ibatis.exceptions.PersistenceException: ### Error queryin ...

  4. springBoot 静态变量@value取不到值

    在工具类中给静态变量初始化值,使用了springBoot的@Value注解,但是没有赋值成功,得到的是null @Value("${jdbc.url}")private stati ...

  5. FHJ学长的心愿 QDUOJ 数论

    FHJ学长的心愿 原题链接,点我进去 题意 给你一个数N,让你求在\[C^{0}_{n} \ C^{1}_{n}\ C^{2}_{n}\ \dots \ C^{n}_{n}\]中有几个组合数是奇数. ...

  6. P1177快速排序

    这是一个快速排序的模板题.拿到题后便写了quicksort(确定一个基准数,利用两个哨兵,把大的放右边,小的放左边,再递归实现排序),但是竟然TLE了60pts(???),于是翻看dalao们的题解, ...

  7. 哈希hash

    定义 是把任意长度的输入(又叫做预映射pre-image)通过散列算法变换成固定长度的输出,该输出就是散列值 生成方法 hash() 哈希特性 不可逆 :在具备编码功能的同时,哈希算法也作为一种加密算 ...

  8. Ionic创建混合App(二)

    ionic 2 启动应用进入欢迎引导页 1.首先,使用CLI命令,创建引导页面 ionic g page welcome 2.需改welcome.html模板文件 <ion-slides pag ...

  9. uni-app中页面部分内容使用索引列表(uni-indexed-list)，动态数据

    一.引入uni-indexed-list.uni-icons组件 从uni-app插件市场下载或从HBuilder X提供的hello uni-app模板中复制 二.页面中引用 三.对请求获得的数据处 ...

  10. 使用Eclipse-Maven-git做Java开发(3)--Eclipse的安装和配

    使用Eclipse-Maven-git做Java开发(3)--Eclipse的安装和配 https://my.oschina.net/songxinqiang/blog/474530