l***@21cn.com
l***@21cn.com
  • 发布:2020-01-22 15:59
  • 更新:2022-07-13 19:05
  • 阅读:17156

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

要回复文章请先登录注册

程咬金3斧头

程咬金3斧头

回复 DCloud_heavensoft :
这里说的跨域,是ios的webview无法加载hybrid目录下的本地文件
2022-07-13 19:05
DCloud_heavensoft

DCloud_heavensoft

回复 程咬金3斧头 :
uni-app的js运行在jscore下,不运行在wkwebview里,不存在跨域限制
2022-07-13 19:03
程咬金3斧头

程咬金3斧头

请教下 uni-app中要怎么改呢?
2022-07-13 19:00
bwj2022

bwj2022

回复 2***@qq.com :
https://blog.csdn.net/lvyahui2015/article/details/125012183
2022-05-28 15:23
bwj2022

bwj2022

回复 5***@qq.com :
https://blog.csdn.net/lvyahui2015/article/details/125012183
2022-05-28 15:23
bwj2022

bwj2022

回复 Medea :
https://blog.csdn.net/lvyahui2015/article/details/125012183
2022-05-28 15:23
bwj2022

bwj2022

回复 浅浅的活埋我 :
https://blog.csdn.net/lvyahui2015/article/details/125012183
2022-05-28 15:22
bwj2022

bwj2022

回复 浅浅的活埋我 :
var xhr;
if (app.device.ios || app.device.ipad) {
if (options.url.indexOf("http") == 0) {
xhr = new XMLHttpRequest();
} else {
xhr = new plus.net.XMLHttpRequest();
options.url = plus.io.convertLocalFileSystemURL("_www/" + options.url);
}
} else {
xhr = new XMLHttpRequest();
}
2022-05-27 22:17
bwj2022

bwj2022

回复 3***@qq.com :
var xhr;
if (app.device.ios || app.device.ipad) {
if (options.url.indexOf("http") == 0) {
xhr = new XMLHttpRequest();
} else {
xhr = new plus.net.XMLHttpRequest();
options.url = plus.io.convertLocalFileSystemURL("_www/" + options.url);
}
} else {
xhr = new XMLHttpRequest();
}
2022-05-27 22:17
bwj2022

bwj2022

你写的太复杂了,这是我的代码:
var xhr;
if (app.device.ios || app.device.ipad) {
if (options.url.indexOf("http") == 0) {
xhr = new XMLHttpRequest();
} else {
xhr = new plus.net.XMLHttpRequest();
options.url = plus.io.convertLocalFileSystemURL("_www/" + options.url);
}
} else {
xhr = new XMLHttpRequest();
}
2022-05-27 22:17