博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决 post params urlsearchparams 手机不支持问题
阅读量:6457 次
发布时间:2019-06-23

本文共 3631 字,大约阅读时间需要 12 分钟。

  hot3.png

就是去掉,以string替代

 

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">
        <title>关于我们</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!--标准mui.css-->

        <link rel="stylesheet" href="css/mui.min.css">
        <!--App自定义的css-->
        <link rel="stylesheet" type="text/css" href="css/app.css" />
        <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="js/vue.min2.2.js"></script>
        <script type="text/javascript" src="js/axios.min.js"></script>
        <script type="text/javascript" src="js/public.js"></script>
        <script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script> 这个要加

        <style>
            .title {
                margin: 20px 15px 10px;
                color: #6d6d72;
                font-size: 15px;
            }
        </style>
    </head>

    <body style="background: #F9F7EC;">

        <script src="js/mui.min.js"></script>
        <script>
            // 监听tap事件,解决 a标签 不能跳转页面问题
            mui('body').on('tap', 'a', function() {
                document.location.href = this.href;
            });
        </script>
        <header class="mui-bar mui-bar-nav" style="background: #F9F7EC;">
            <a href="index.html" class="mui-icon mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color:#000000"></a>
            <h1 class="mui-title">关于我们</h1>
        </header>
        <div class="mui-content" style="background: #F9F7EC;" id="app">

            <div class="title">

                {
{message}}
                </br>
                {
{sites.description}}
                </br>

            </div>

            <div class="title">

                <p>点击下载地标客户端</p>

            </div>
            <ul class="mui-table-view mui-table-view-chevron">
                <li class="mui-table-view-cell mui-media">
                    <a class="mui-navigate-right" href="https://itunes.apple.com/cn/app/%E5%85%B5%E9%A9%AC%E4%BF%91%E6%99%BA%E6%85%A7%E5%AF%BC%E8%A7%88/id1204185313?mt=8">
                        <img class="mui-media-object mui-pull-left" src="images/ios.png">
                        <div class="mui-media-body">
                            ios 地标客户端下载
                            <p class='mui-ellipsis'>点击下载跳转到苹果市场下载app.</p>
                        </div>
                    </a>
                </li>
                <li class="mui-table-view-cell mui-media">
                    <a class='mui-navigate-right' href="http://dl-api.smart-museum.cn:800/download/zhdlbmy.apk">
                        <img class="mui-media-object mui-pull-left" src="images/android.png">
                        <div class="mui-media-body">
                            android 地标客户端下载
                            <p class='mui-ellipsis'>点击后直接下载app。</p>
                        </div>
                    </a>
                </li>

            </ul>

            
            
            </br>
            </br>
        </div>

        <script>

            window.onload = function() {

                var vm = new Vue({

                    el: '#app',
                    data: {
                        message: "",
                        sites: []

                    },

                    methods: {
                        getAbout: function() {
                            var self = this;
            
                            var params = "funcName=aboutUsInfo";//new URLSearchParams(paramsString);
                            //params.append('funcName', 'aboutUsInfo')
                            //alert(params);
                            
                            axios.post('curl.php', params).then(function(response) {

                                    self.sites =response.data.payload.Info;// JSON.parse(JSON.stringify(response.data.payload.Info));

                                    self.message =response.data.payload.msg;// JSON.parse(JSON.stringify(response.data.payload.msg));
                                    //var s = JSON.prse(response.data.payload.msg);
                                    //alert(self.message);
                                    //alert(self.sites);
                                    //self.sites =obj;
                                    //var obj = JSON.parse(response.data);
                                    //console.log(self.sites);
                                })
                                .catch(function(error) {
                                    console.log(error);
                                });

                        },

                        rever1: function() {
                            var self = this;

                            axios.get('1.php').then(function(esponse) {

                                self.sites = response.data;

                                //message =response.data.toString();
                                console.log(self.sites);
                                var obj = JSON.parse(response.data);
                                alert(obj.length);
                                //var persons = response.data;
                                //alert(persons.length);

                                for(var i = 0; i < persons.length; i++) {

                                    var cur_person = persons[i];
                                    //alert(cur_person.sex);
                                }

                                //self.message = response.data.artid;

                                //console.log(self.message);
                            }).catch(function(error) {
                                console.log(error);
                            });

                        }

                    }

                });

                vm.getAbout();

            }

        </script>
    </body>

</html>

转载于:https://my.oschina.net/mellen/blog/909756

你可能感兴趣的文章
招商银行信用卡重要通知:消费提醒服务调整,300元以下消费不再逐笔发送短信...
查看>>
python全栈_002_Python3基础语法
查看>>
C#_delegate - 调用列表
查看>>
交换机二层接口access、trunk、hybird三种模式对VLAN的处理过程
查看>>
jQuery.extend 函数详解
查看>>
[转]Windows的批处理脚本
查看>>
lnmp高人笔记
查看>>
[转载] OpenCV2.4.3 CheatSheet学习(三)
查看>>
C#中跨窗体操作(2)--消息机制
查看>>
子程序框架
查看>>
多维数组元素的地址
查看>>
maven的错误记录
查看>>
数据库运维体系_SZMSD
查看>>
aspose 模板输出
查看>>
福大软工1816 · 第三次作业 - 结对项目1
查看>>
selenium多个窗口切换
查看>>
《单页面应用》所获知识点
查看>>
静态库 调试版本 和发布版本
查看>>
DB2 错误码解析
查看>>
读书笔记四
查看>>