我试图在 IOS WKWebview 上读取我的本地 JSON 文件。但是无法加载资源:Access-Control-Allow-Origin 不允许 Origin null。
我以前使用过 UIWebview，它工作正常。但是，当我更改为 WKWebview 时，会发生此错误。
$.ajax({
type: 'GET',
url: 'json_app/country_state_json.json?callback=?',
async: false,
jsonpCallback: 'jsonCallback',
contentType: 'application/json',
dataType: 'jsonp',
success: function(json)
{},
error: function(e) {}
});
请协助。
最佳答案
不幸的是，此时 WKWebView 不处理使用“file://”协议(protocol)异步加载文件的 JavaScript [ 1 ][ 2 ].它在文件从 DOM 加载时起作用，只是不使用 ajax 或 jQuery 的 .get(它只是抽象的 ajax)。
这是一个我既引以为豪又不引以为豪的技巧:
我有一个应用程序需要根据一些动态信息加载一个 JSON 对象，然后处理它以显示网络内容。最初，我试图让 JavaScript 动态获取 JSON 文件:
旧的 HTML:
<html>
<head>
<script type="text/javascript" src="makeContent.js"></script>
</head>
<body></body>
</html>
旧的 JSON:
{
"myData": true,
...
}
旧的 JavaScript:
$.get("data.json", function (data) {
// Process the data and generate the content
}, "json");
我遇到了和你一样的问题。 WKWebView 不会加载 data.json 文件。
我的技巧是将 JSON 内容作为另一个 JavaScript 对象包含在 DOM 中。新的 JavaScript 脚本只是将 JSON 数据作为字符串分配给全局变量。请注意，此字符串必须是单行，因为 JavaScript 不支持多行字符串。然后，这个新脚本会在加载 WKWebView 时动态插入到 DOM 中:
JavaScript 数据文件(替换 JSON 文件):
var data = '{ "myData": true, ... }';
swift :
let jsonInsertion = "var node = document.createElement('script');" +
"node.setAttribute('src', 'data.js');" +
"node.setAttribute('type', 'text/javascript');" +
"var head = document.getElementsByTagName('head')[0];" +
"head.insertBefore(node, head.childNodes[0]);"
webView?.evaluateJavaScript(jsonInsertion, completionHandler: { (_, error) in
print(error)
})
生成的 HTML:
<html>
<head>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript" src="makeContent.js"></script>
</head>
<body></body>
</html>
现在，您的 JavaScript 应该能够将数据作为全局变量访问，并使用 JSON.parse(data) 对其进行转换。您可能需要添加一些同步代码以确保您的脚本在应用程序插入数据脚本后运行。
同样，这是一个技巧，但它对我有用。希望在 Apple 允许“file://”协议(protocol)之前它可能对您有用。
关于ios - WKWebView - 无法加载资源 : Origin null is not allowed by Access-Control-Allow-Origin，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33075040/