Не удалось обновить содержимое WKWebView с помощью Swift в фоновом потоке - PullRequest
0 голосов
/ 07 марта 2019

Я хочу сделать следующее:

  • Я нажимаю на элемент div в WKWebView и отправляю сообщение swift.- OK
  • Swift выполняет обработку запроса http для получения json.- OK
  • Swift отправляет этот json в javascript или swift изменяет DOM WKWebView - FAILED

Моя функция javascript для отправки сообщения в Swift:

function clicar( id, categ ) {
    window.webkit.messageHandlers.jsHandler.postMessage( "{ 'id' : "+id+", 'categ' : '" + categ + "' }" );
}

My Swift получает сообщение и обрабатывает http-запрос:

extension FirstViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "jsHandler" {
             if let messageBody = message.body as? [String: Any], let id = messageBody["id"] as? Int {
                 self.getData( id )
             }
        }
}

func getData( id: Int ) {
    let url = URL( string: "http://192.168.1.11/inter/app/api/varModel/event.php?categ=" + String(id) )


    _ = URLSession.shared.dataTask(with: url!) { (data, req, error) in
        if req != nil {  }

        if let data = data {
            do {
                let json = try JSONSerialization.jsonObject(with: data, options: []) as! [[String: Any]]

                var textJson = json...
                print( text )
                // until here OK

                // FAILED HERE
                self.wk.evaluateJavaScript("mountCateg( '\(textJson)' );", completionHandler: nil)
                } catch {
                print( erro as Any )
            }
        }
    }.resume()
}  

Javascript манипулирует DOM:

function mountCateg( data ) {
    let text = "";
    for ( let i = 0; i < data.length; i++ ) {
        text += "<div class='itemCateg' i='"+data[i].id+"' o='"+data[i].idOrganizer+"'>";
        text +=     "<img class='imgEvento' src='http://192.168.1.11/inter/site/imgEvents/"+data[i].imagem+"'>";
        text +=     "<p class='diaEvento'>"+data[i].dataHora+"</p>";
        text +=     "<p class='nomeEvento'>"+data[i].nome+"</p>";
        text +=     "<p class='localEvento'>"+data[i].cidade+"/"+data[i].uf+"</p>";
        text += "</div>";
    }

    $('#listaEventos').html( text );
}

Это дает мне эту ошибку:

enter image description here

Как мне обработать изменение DOM с помощью swift?

----- РЕДАКТИРОВАТЬ -----

Я пытался, но ошибка сохраняется.

DispatchQueue.main.async {
    self.wk.evaluateJavaScript("mountCateg( '\(textJson)' );", completionHandler: nil)
}

Я тоже пытался:

extension FirstViewController: WKScriptMessageHandler {
    func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
        if message.name == "jsHandler" {
             if let messageBody = message.body as? [String: Any], let id = messageBody["id"] as? Int {
                 self.getData( id )
                 DispatchQueue.main.async {
                     self.wk.evaluateJavaScript("mountCateg( '\(textJson)' );", completionHandler: nil)
             }
        }
}

Не было ошибки, но ничего не произошло!Не работал

1 Ответ

1 голос
/ 07 марта 2019

URLSession.shared.dataTask блок завершения не выполняется в главном потоке.Просто вызовите evaluateJavaScript в главном потоке, чтобы исправить это:

func getData( id: Int ) {
    let url = URL( string: "http://192.168.1.11/inter/app/api/varModel/event.php?categ=" + String(id) )

    _ = URLSession.shared.dataTask(with: url!) { (data, req, error) in
        if req != nil {  }

        if let data = data {
            do {
                let json = try JSONSerialization.jsonObject(with: data, options: []) as! [[String: Any]]

                var textJson = json...
                print( text )

                DispatchQueue.main.async { // call evaluateJavascript on the main thread
                    self.wk.evaluateJavaScript("mountCateg( '\(textJson)' );", completionHandler: nil)
                }
            } catch {
                print( erro as Any )
            }
        }
    }.resume()
}
...