<!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. Go语言入门篇-jwt（json web token）权限验证

    一.token.cookie.session的区别 1.cookie Cookie总是保存在客户端中,按在客户端中的存储位置,可分为内存Cookie和硬盘Cookie. 内存Cookie由浏览器维护, ...

  2. debian上安装mysql server

    1 将mysql添加到apt的repository中 第一步,下载mysql提供的ppa文件 wget https://dev.mysql.com/get/mysql-apt-config_0.8.1 ...

  3. tarjan算法应用 割点 桥 双连通分量

    tarjan算法的应用. 还需多练习--.遇上题目还是容易傻住 对于tarjan算法中使用到的Dfn和Low数组. low[u]:=min(low[u],dfn[v])--(u,v)为后向边,v不是u ...

  4. RabbitMq学习6-安装php-amqplib（RabbitMQ的phpAPI）

    一.使用composer安装php-amqplib 1.在你的项目中添加一个 composer.json文件: { "require": { "php-amqplib/p ...

  5. 实例学习——爬取豆瓣网TOP250数据

    开发环境:(Windows)eclipse+pydev 网址:https://book.douban.com/top250?start=0 from lxml import etree #解析提取数据 ...

  6. neo4j源码分析1-编译打包启动

    date: 2018-03-22 title: "neo4j源码分析1-编译打包启动" author: "邓子明" tags: - 源码 - neo4j - 大 ...

  7. Redis主从架构核心原理

    Redis-Cluster工作原理: redis集群内置了16384个哈希槽,当需要在 Redis 集群中放置一个 key-value 时,redis 先对 key 使用 crc16 算法算出一个结果 ...

  8. Windows 10 IoT Core Dashboard 无法安装的问题

    有人在answers.microsoft.com问这个问题,官方给了个这样的回答,然后还锁定了问题不让别人回复 您好, 了解到您在使用时遇到问题. 请您详细描述下您的操作,请问您是在打开安装程序还是在 ...

  9. Spark-Streaming获取kafka数据的两种方式：Receiver与Direct的方式

    简单理解为:Receiver方式是通过zookeeper来连接kafka队列,Direct方式是直接连接到kafka的节点上获取数据 Receiver 使用Kafka的高层次Consumer API来 ...

  10. 吴恩达机器学习7：代价函数(Cost function)

    一.简介 1.在线性回归中,我们有一个这样的训练集,M代表训练样本的数量,假设函数即用来进行预测的函数是这样的线性函数的形式,我们接下来看看怎么选择这两个参数: 2.如下图中,怎么选择两个参数来更好的 ...