<!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. 配置DHCP中继

    本实验模拟企业网络场景.某公司分部的网络由交换机S1和网关路由器R1组成,员工终端PC-1和PC-2都连接在S1上.公司要求分部内所有员工主机的IP地址都通过总部的DHCP服务器自动获取.分部网关路由 ...

  2. P1118 [USACO06FEB]数字三角形`Backward Digit Su`… (dfs)

    https://www.luogu.org/problemnew/show/P1118 看的出来是个dfs 本来打算直接从下到上一顿搜索 但是不会 看了题解才知道系数是个杨辉三角....... 这样就 ...

  3. [转帖]深度解析区块链POW和POS的区别

    深度解析区块链POW和POS的区别 Proof of Work 还有Proof of Stake 之前理解程了 state ... 股权的意思 还有 delegated proof of Stake ...

  4. vue表单校验（三）

    vue表单校验(三) 每当看到heyui的这个表单校验,我就一直想将element的校验也做类似的功能,终于有了方式,虽然不是很完美,但是可以使用,能满足要求了 实现方式 基于element-ui实现 ...

  5. JS调用PageMethods

    http://www.cnblogs.com/Ren_Lei/archive/2010/07/14/1777413.html JS调用PageMethods 操作步骤: 1.新建一个WebApplic ...

  6. 逆向与反汇编实战(一)--PEiD分析复现

    1.准备 简介: PEiD(PE Identifier)是一款著名的查壳工具,其功能强大,几乎可以侦测出所有的壳,其数量已超过470 种PE 文档 的加壳类型和签名. 整个过程需要测试文件成品:htt ...

  7. 在webpack中配置.vue组件页面的解析

    1. 运行`cnpm i vue -S`将vue安装为运行依赖: 2. 运行`cnpm i vue-loader vue-template-compiler -D`将解析转换vue的包安装为开发依赖: ...

  8. java中使用SimpleDateFormat实现字符串和日期的相互转换

    java中使用SimpleDateFormat实现字符串和日期的相互转换 import java.text.ParseException; import java.text.SimpleDateFor ...

  9. 流畅的Python (Fluent Python) —— 第一部分

    Python 最好的品质之一是一致性. 魔术方法(magic method)是特殊方法的昵称.特殊方法也叫双下方法. 1.1 一摞Python风格的纸牌 import collections Card ...

  10. STM32 GPIO相关

    1. STM32 的 IO 作为输入的时候,可以程序设置上下拉电阻(可以不用外接上下拉电阻). 2.GPIO有四种输入模式:浮空输入.上拉输入.下拉输入.模拟输入: 3.GPIO有四种输出模式:开漏输 ...