wkwebview下彻底解决ajax跨域问题

尽管官方提供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

• my-xmlhttprequest.js_.zip