解决 post params urlsearchparams 手机不支持问题

就是去掉,以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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值