关于适配H5的问题 ( iOS ajax无法请求到后台) H5新手模板

因为同事之前写一个互动页面用了1M,领导说太大了,于是让我写一个初始环境下的H5互动,因为之前是做游戏的,没有接触过H5的适配,所以开始了爬坑之旅。

看下 下面的这个文章是关于flexible.js的适配 地址:https://www.jianshu.com/p/04efb4a1d2f8

这个是文件地址你可以点进去赋值粘贴变成本地的文件:http://g.tbcdn.cn/mtb/lib-flexible/0.3.2/??flexible_css.js,flexible.js 

我们引进来之后发现,其实本身就是适配好的是iPone的分辨率,你再处理rem的时候,像素的位置/75=最终是配好的位置

这个链接是资源的链接 你看你用得到不,如果你进去需要金币证明我还没有知道修改金币的地方https://download.csdn.net/download/huhudeni/11816784

那就去百度云地址

链接:https://pan.baidu.com/s/1neNraiH6PlREIGX1VI2vpg 
提取码:c094  

我怕我写的不太清楚 我把一个基础的是配好的工程发到了我的gitHub上 地址 :https://github.com/soGooday/-H5-.git

 

如果你是移动端还需要加上这句话 (当前gitHub上已经加上去了)

 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>

(下面是我的目录结构及其引用)

我在最后的底部调取了一下引用的文件

 在我之前的文件中 有zepto.min.js这个文件,这个是可以发送ajax的请求的,先给一个模板

     $.ajax({
            url: baseURL+url,
            type: type,
            data: JSON.stringify(obj),
            dataType: 'json',
            crossDomain: true, //强制使用5+跨域
            contentType: 'application/json',
            beforeSend: function(request) {
                request.setRequestHeader('H',123);//添加的头部的相关信息
            },
            success: function (res) {
                console.log('res:',res);
                 
            },
            error:function (xhr,text) {
                console.log('text:',text,'xhr:',xhr);
                if(xhr.status == 200){
                  
                }else {
                    
                }
            }
        });

我遇见了 在ios 发送不了http的请求问题,然后找到了问题坐在,你可以在请求中添加,

crossDomain: true, //强制使用5+跨域

可以添加上这个使用,遮掩给你就可以在ios上发送相关的http的信息了。如果你

参考自:https://ask.dcloud.net.cn/question/25272 与 https://ask.dcloud.net.cn/article/865

发布了65 篇原创文章 · 获赞 18 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/huhudeni/article/details/101198547