IOS 内置浏览器，跳转前的http请求失效的问题

最新推荐文章于 2023-06-16 16:01:01 发布
最新推荐文章于 2023-06-16 16:01:01 发布
阅读量4.7k 收藏
点赞数
分类专栏： http 文章标签： 浏览器 iphone ios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kkgbn/article/details/52553561
版权

最近的一个程序，有个是个跳转页面，跳转之前会执行一段http请求，告诉后台请求的信息。但是发现在iphone 6中，一开始可以收到发过来的消息，之后发觉每次访问这个页面都是直接跳转，而之前的那个http请求没有发出去

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<script>
var ua;
var isAndroid;
var isIos;
var isMicroMessenger;
var openid;
var url; 
var czxt = "pc";
$(document).ready(function(){
	ua = navigator.userAgent,
	isAndroid = /android/ig.test(ua),
	isIos = /iphone|ipod|ipad/ig.test(ua),  
	isMicroMessenger = /MicroMessenger/ig.test(ua);
	 	
	openid = getQueryString("openid");
	url = "http://service.gaotianyue.com/downloadhits/";
	if(isIos){
		czxt = "ios";
	}
	if(isAndroid){
		czxt = "android";
	}
	if(!isMicroMessenger){
		tellyou(url, openid, czxt);
		goToDownLoad();
	}
 	if (isMicroMessenger) {
    	 if (isIos) {
        	 document.body.innerHTML = '<img style="width:100%" src="imgs/weixin_tiaozhuan960x640.jpg">';
     	} else if (isAndroid) {
       		 document.body.innerHTML = '<img style="width:100%" src="imgs/weixin_tiaozhuan960x640.jpg">';
     	}
 	}
});
function goToDownLoad(){
	if(isIos){
		location.href = 'http://XXXX';
	}else{
		location.href = 'http://XXXY';
	}
}
function getQueryString(name) {  
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
    var r = window.location.search.substr(1).match(reg);  
    if (r != null) return unescape(r[2]);  
    return null;  
};
function tellyou(url, openid,os){
    $.ajax({
        type:"GET",
        //dataType:"json",
        url:url+os,
        data:{
            openid: openid
        },
        success:function(data){
        	console.log(os+"tell sucess	"+"result="+url+data);
        },
        error:function(){
        	console.log(os+"tell failed	"+"result="+url+data);
        }
    })
};
</script>
</html>
用延迟跳转还是不行：

if(!isMicroMessenger){
tellyou(url, openid, czxt);
setTimeout(goToDownLoad(), 200);
}

最后在ajax 的返回结果里处理跳转才成功，

即判断在外部浏览器的时候使用

if(!isMicroMessenger){

tellyou(url, openid, czxt);
//setTimeout(goToDownLoad(), 200);
}

在ajax修改如下：

function tellyou(url, openid,os){
    $.ajax({
        type:"GET",
        //dataType:"json",
        url:url+os,
        data:{
            openid: openid
        },
        success:function(data){
        console.log(os+"tell sucess"+"result="+url+data);
        goToDownLoad();
        },
        error:function(){
        console.log(os+"tell failed"+"result="+url+data);
        goToDownLoad();
        }
    })
};

之前测试的是这种情况都不行

自己为了保险起见：

function tellyou(url, openid,os){
    $.ajax({
        type:"GET",
        //dataType:"json",
        url:url+os,
        data:{
            openid: openid
        },
        success:function(data){
         console.log(os+"tell sucess"+"result="+url+data);
       if(os="ios"||os=="android"){
    goToDownLoad();
    }
        },
        error:function(){
        console.log(os+"tell failed"+"result="+url+data);
         if(os="ios"||os=="android"){
      goToDownLoad();
    }
        }
    })
};

当然后台要返回“ios"或者“android”,问题终于解决

淘气的高老板
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ios内置浏览器
01-06
可直接拖入项目中使用，可自定义浏览器中的前进、后退、刷新控件。
【已解决】（uni-app）IOS 端 H5 应用无法发起请求，请求状态码为0，错误描述为request:fail
云间月
08-17 6768
【已解决】（uni-app）IOS 端 H5 应用无法发起请求，请求状态码为0，错误描述为request:fail 目录【已解决】（uni-app）IOS 端 H5 应用无法发起请求，请求状态码为0，错误描述为request:fail1️⃣ 问题描述2️⃣ 问题分析???? 2.1 分析依赖问题???? 2.2 分析uni-app版本问题???? 2.3 引入vconsole 进一步分析问题3️⃣ 进一步定位问题4️⃣ 解决办法???? 4.1 跨域解决???? 4.2 修改请求头配置5️⃣ 总结 1️⃣
IOS9下使用微信内置浏览器数据请求无反应（纯H5应用）
王伴闲
01-20 7423
IOS9下使用DES3解密数据失败问题使用H5+vue.js构建纯H5微信网页应用，加密没出现问题，解密时候出现问题，使用 try{ atob(input);// 省略其余部分 }catch(error){ alert(error); } 发现在调用window.atob()方法时报INVALID_CHARACTER_ERR：Dom Exception 5异常，
H5在IOS中的问题
qq_45747074的博客
06-02 292
H5页面需求：在axios响应的数据当中，其中有一个 url 地址，需要在请求响应成功后，跳转到这个指定的 url 地址处理方式：使用 window.location.href = url遇到的问题：pc端、android可以正常跳转，但是ios端无法跳转。因为IOS有FastClick机制，原因简单来说就是为了等待用户触发双击事件，但是这会影响到单击事件，并且无法触发单机事件。然后可以在全局引入，并绑定到body，全局生效。但是依然存在一个问题就是“点击穿透”，有时候点击不灵敏，所以需要重写方法。
移动端H5使用window.open跳转，IOS不生效解决
最新发布
qq_30351747的博客
06-16 1810
移动端H5使用window.open跳转，IOS不生效解决
IOS中H5跳转外部URL的问题
qq_45747074的博客
09-29 1206
需求：在axios响应的数据当中，其中有一个 url 地址，需要在请求响应成功后，跳转到这个指定的 url 地址。处理方式：使用 window.location.href = url。遇到的问题：pc端、android可以正常跳转，但是ios端跳转不了。解决方法：在外面包裹一个计时器就可以了。
0x80004005错误代码解决方法_win10错误代码大全（附解决方法）
weixin_39518002的博客
11-23 6953
win10错误代码大全(附解决方法)。许多用户朋友在使用windows操作系统的时候经常会出现某些程序或游戏的运行错误却又不知道那一行错误代码是什么意思，可以帮助你及时的查看自己电脑出了什么问题，随时让你查询windows错误代码。windows错误代码大全一、系统错误代码:下载地址0000操作已成功完成。0001错误的函数。0002系统找不到指定的文件。0003系统找不到指定的路径。0...
iphone Safari浏览器window.location.href跳转问题记录
pgLi
11-15 4303
1、背景，同一个域名下部署一个PC端、一个移动端项目。在检测到移动端访问时，通过window.location.href跳转到移动端地址。 2、问题：在安卓手机上可正常跳转，在Safari上一直无法跳转。 在js脚本主进程执行过程中，safari不能直接设置window.location.href跳转 3、解决方法：放到window.onload中去跳转 ...
vue切换页面取消未完成接口请求
新白的博客
12-02 1512
首先思路： 页面A请求接口axios1 --> axios创建CancelToken对象保存请求至store变量CancelTokenArr --> 当切换至页面B --> 进入全局路由守卫调用vuex的清除CancelTokenArr方法 --> 遍历CancelTokenArr清除 axios: import store from '../store' let cancelTokenArr=[] //储存cancel token // request拦截器 service
iOS - http & https & 网络请求过程
宋卓的博客
02-16 1238
给大家总结网络请求过程： 三次握手图集： 看了此图， 于是乎，问题来了， 不是TCP链接的时候需要三次握手么（ http://blog.csdn.net/whuslei/article/details/6667471 ），问题确实来了， 三次握手每次都需要应用层的数据报文么， 于是乎搜得答案 具体链接：http://blog.csdn.net/luozenghui...
ios微信浏览器返回不刷新问题完美解决方法
08-29
主要介绍了ios微信浏览器返回不刷新问题完美解决方法,需要的朋友可以参考下
iOS的HTTP请求和请求回执类用法小结
09-02
里为大家整理了iOS的HTTP请求和请求回执类用法小结,包括发送请求的NSURLRequest、NSMutableURLRequest和负责回复的NSURLResponse类的常用方法和属性,需要的朋友可以参考下
IOS HTTP请求的常见状态码总结
01-04
IOS HTTP请求的常见状态码总结 1xx消息 这一类型的状态码，代表请求已被接受，需要继续处理。这类响应是临时响应，只包含状态行和某些可选的响应头信息，并以空行结束。由于HTTP/1.0协议中没有定义任何1xx状态码，...
iOS安全之拦截http请求 （ 为小白用户定制的精简版本）
04-22
HTTP 请求开始时，URL 加载系统创建一个合适的 NSURLProtocol 对象处理对应的 URL 请求，因此我们只需写一个继承自 NSURLProtocol 的类，并通过 - registerClass: 方法注册我们的协议类，然后 URL 加载系统就会在...
Nginx(5) 配置Ajax跨域访问
kkgbn的博客
08-22 8562
配置nginx跨域访问的好处是可以不修改后端代码 nginx只要在返回头添加几个header即可 add_header 'Access-Control-Allow-Headers' 'Content-Type'; add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Method
服务器实时通知客户端方案，服务器发送/推送事件方案（2）server event，典型例子，可以用作股票、新闻信息推送
kkgbn的博客
11-14 4913
server event是html5规范的一部分，它相比websocket使用起来更简单，对服务器的改动也最小 前端html部分 if(typeof(EventSource)!=="undefined") { var source=new EventSource("doevent"); //打开连接 source.onopen=function(
thymeleaf SpringEl 生成引号
kkgbn的博客
09-11 2083
由于需要些前端页面验证功能，前端采用了themeleaf,因而会用到SpringEL。其中个小个地方浪费了及时分钟才搞掂 转化出引号正确的方法 清除此用户的分数,以及排行榜 这样用浏览器f12查看会生成清除此用户的分数,以及排行榜  这是正确的
JAVA 网络编程(3) SOCKET 非阻塞NIO 处理HTTP请求示例
kkgbn的博客
08-18 1729
要实现HTTP协议,只需要让TCP协议的回复格式为HTTP的response消息头即可 import java.net.InetSocketAddress; import java.nio.channels.SelectionKey; import java.nio.channels.Selector; import java.nio.channels.ServerSocketChannel;
ios怎么在内置浏览器内打开Safari浏览器
06-02
在iOS的内置浏览器中打开Safari浏览器可以通过以下步骤实现： 1. 在HTML文档中添加以下代码： ```html <a href="http://www.example.com" target="_blank">在Safari中打开链接 ``` 2. 将链接的目标设置为“_blank...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值