Question

是否可以在Ajax完成在UIWebView中的加载时得到通知？在Android中，我可以这样做：

@SuppressLint("SetJavaScriptEnabled")
private void setUpWebView() {
    webview = view.findViewById(R.id.webView);
    webview.getSettings().setJavaScriptEnabled(true);
    webview.addJavascriptInterface(new JavaScriptInterface(), "HtmlViewer");
    webview.setWebViewClient(new LoginWebView());
    webview.loadUrl("EXAMPLE URL");
}

private class LoginWebView extends WebViewClient {
    @SuppressLint({"JavascriptInterface"})
    @Override
    public void onPageFinished(WebView view, String url) {
        view.loadUrl("javascript:(function(){" +
            "\n" + "    jQuery(document).ajaxComplete(function(event, request, settings){" +
            "\n" + "        var responseCode = JSON.parse(request.responseText).result.responseCode;" +
            "\n" + "        window.HtmlViewer.ajaxResponse(settings.url, responseCode);" +
            "\n" + "    });" +
            "\n" + "})();";);
    }
}

private class JavaScriptInterface {
    @JavascriptInterface
    public void ajaxResponse(String url, String responseCode) {
        // Gets notified when Ajax finished loading
    }
}

现在，每次Ajax完成加载时，都会调用我的ajaxResponse方法。可以在UIWebView中实现吗？

Answer 1

您可以使用evaluateJavaScript:completionHandler:

webView.evaluateJavaScript("yourJSfuncsToRunAJAX") { response, error in
    //if error didn't occure do sth after js function finished
}

Answer 2

不幸的是，iOS 8中不推荐使用UIWebView，因此您应该切换到WKWebView。来自apple：“在运行于iOS 8及更高版本的应用中，请使用WKWebView类，而不要使用UIWebView。”

要获得有关ajax完成的通知，您可以使用here接受的响应。我在javascript和swift之间架起了桥梁。

希望有帮助。

Answer 3

我终于找到了解决这个问题的方法。那里有很多解决方案，但是所有解决方案都使用jQuery，在WKWebView中似乎不起作用。这是我在原始JavaScript中的解决方案。

这是ViewController的实现，可让您在WKWebView中收到每个AJAX请求的通知：

import UIKit
import WebKit

class WebViewController: UIViewController {

    private var wkWebView: WKWebView!
    private let handler = "handler"

    override func viewDidLoad() {
        super.viewDidLoad()

        let config = WKWebViewConfiguration()
        let userScript = WKUserScript(source: getScript(), injectionTime: .atDocumentStart, forMainFrameOnly: false)
        config.userContentController.addUserScript(userScript)
        config.userContentController.add(self, name: handler)

        wkWebView = WKWebView(frame:  view.bounds, configuration: config)
        view.addSubview(wkWebView)

        if let url = URL(string: "YOUR AJAX WEBSITE") {
            wkWebView.load(URLRequest(url: url))
        } else {
            print("Wrong URL!")
        }
    }

    private func getScript() -> String {
        if let filepath = Bundle.main.path(forResource: "script", ofType: "js") {
            do {
                return try String(contentsOfFile: filepath)
            } catch {
                print(error)
            }
        } else {
            print("script.js not found!")
        }
        return ""
    }
}

extension WebViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if let dict = message.body as? Dictionary<String, AnyObject>, let status = dict["status"] as? Int, let responseUrl = dict["responseURL"] as? String {
            print(status)
            print(responseUrl)
        }
    }
}

相当标准的实现。有一个WKWebView以编程方式创建。从script.js文件中加载了注入的脚本。

最重要的部分是script.js文件：

var open = XMLHttpRequest.prototype.open;
XMLHttpRequest.prototype.open = function() {
    this.addEventListener("load", function() {
        var message = {"status" : this.status, "responseURL" : this.responseURL}
        webkit.messageHandlers.handler.postMessage(message);
    });
    open.apply(this, arguments);
};

每次加载AJAX请求时，都会调用

userContentController委托方法。我要通过status和responseURL，因为这是我需要的，但是您也可以获得有关请求的更多信息。这是所有可用属性和方法的列表： https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest

我的解决方案受到@John Culviner的回答的启发： https://stackoverflow.com/a/27363569/3448282

UIWebView完成加载Ajax

3 个答案: