zoukankan      html  css  js  c++  java
  • apiCloud通过ajax获取数据

    <!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;
             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; 
             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==1){ // 拍照
                api.getPicture({
                    sourceType: 'camera',
                    encodingType: 'jpg',
                    mediaValue: 'pic',
                    allowEdit: false,
                    destinationType: 'base64',
                    quality: 90,        
                    saveToPhotoAlbum: true
                }, function(ret, err) {
                    if (ret) {
                       $('#imgUp').attr('src', ret.base64Data);
                    }else {
                        alert(JSON.stringify(err));
                    }
                });
            }
            else if(sourceType==2){ // 从相机中选择
                api.getPicture({
                        sourceType: 'library',
                        encodingType: 'jpg',
                        mediaValue: 'pic',
                        destinationType: 'base64',
                        quality: 50,
                        targetWidth: 750,
                        targetHeight: 750
                    }, 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==0){
                                        alert(data.errcode);
                                        $('#imgUp').attr('src',aa);
                                    }else{
                                        alert(data.errmsg);
                                    }
                                }
                            })
                        } else {
                            api.alert(JSON.stringify(err));
                        }
                });
            }
        }
                           
    
    </script>
  • 相关阅读:
    unsupported jsonb version number 123
    如何在MPlayer上支持RTSP
    TDengine 时序数据库的 ADO.Net Core 提供程序 Maikebing.EntityFrameworkCore.Taos
    如何使用IoTSharp对接ModBus?
    如何从源码启动和编译IoTSharp
    Asp.Net Core 自动适应Windows服务、Linux服务、手动启动时的内容路径的扩展方法
    MQTTnet 的Asp.Net Core 认证事件的扩展
    Asp.Net Core 中利用QuartzHostedService 实现 Quartz 注入依赖 (DI)
    The remote certificate is invalid according to the validation procedure 远程证书验证无效
    settings插拔式源码
  • 原文地址:https://www.cnblogs.com/yongwang/p/7085980.html
Copyright © 2011-2022 走看看