l***@21cn.com
l***@21cn.com
  • 发布:2020-01-22 15:59
  • 更新:2024-12-31 17:47
  • 阅读:18933

wkwebview下彻底解决ajax跨域问题

分类:HTML5+

尽管官方提供plus.net.XMLHttpRequest口口声声说是支持跨域,但实际上本地跨域却不支持,很是扯蛋。

本地跨域是指加载本地file://开头(即file协议)文件,比如用ajax请求本地html或json文件,在ios的uiwebview没问题,但在wkwebview下,即使用plus.net.XMLHttpRequest也不行,这里想到方法是自己写一个XMLHttpRequest,核心是利用plus.io.resolveLocalFileSystemURL来实现。修改一下你的程序启动代码,引入这个自定义的XMLHttpRequest文件,然后在plus初始化相关代码里加入以下代码:

    var oxhr = jQuery.ajaxSettings.xhr;  
    var plusXhr = function() {  
         try {  
            return new plus.net.XMLHttpRequest();  
        } catch ( e ) {}  
    };  

    var myXhr = function() {  
        try {  
            return new MyXmlHttpRequest();  
        } catch ( e ) {}  
    };  

    jQuery.ajaxSettings.xhr = plusXhr; //默认使用plus的XMLHttpRequest  

    var _ajax = $.ajax;  
    $.ajax = function(url, options) {//重写ajax方法  
        var urlx = url;  
        if (typeof url === 'object' && url !== null) {  
            urlx = url.url;  
        }  

        if (urlx.indexOf('http') !== 0) {  
            jQuery.ajaxSettings.xhr = myXhr; //本地文件,file协议或相对路径时使用本地xhr  
        } else {  
           jQuery.ajaxSettings.xhr = plusXhr; //还原成plus自带的  
       }  
        return _ajax(url, options);  
    }

【注】以上是jquery示例,如果是mui、uni-app请根据具体情况参照修改。

附件更新:2020.02.05

2 关注 分享
ancientry l***@outlook.com

要回复文章请先登录注册

l***@21cn.com

l***@21cn.com (作者)

回复 z***@163.com :
那应该是你引用的文件路径不对
2020-05-28 15:41
z***@163.com

z***@163.com

大神,这个引用后报Resolve file URL failed: 编码错误,我有点懵逼啊
2020-05-28 15:10
3***@qq.com

3***@qq.com

这个问题也困扰了很久,最后是使用 mui.ajax
参数 crossDomain 设置为true,强制跨域 只有 5+app 可用
2020-05-08 17:30
l***@21cn.com

l***@21cn.com (作者)

回复 5***@qq.com :
一般标准对xmlhttprequest都提供同步的吧,你看下文档,一般情况不用同步的,不知道你的业务需求
2020-04-16 13:19
l***@21cn.com

l***@21cn.com (作者)

回复 2***@qq.com :
搞懂xhr,就知道怎么用乐
2020-04-16 13:17
l***@21cn.com

l***@21cn.com (作者)

回复 叶南淮 :
关键是搞懂xhr,明白xhr就知道怎么改乐
2020-04-16 13:16
叶南淮

叶南淮

这个要怎么改成mui.ajax的格式呢
2020-04-16 10:12
叶南淮

叶南淮

这个咋用啊
2020-04-16 10:07
5***@qq.com

5***@qq.com

wkwebview下plus.net.XMLHttpRequest支持同步吗?
2020-04-14 17:50
x***@126.com

x***@126.com

没看懂耶,具体修改那个文件呀
2020-04-14 17:13