我有一个 form.html 文件，我使用 PyQt5 QWebEngineView 运行它。
我想在单击“提交”按钮后检索表单值。我已经尝试了很多解决方案，但找不到完美的解决方案。
例如:我发现this one但它适用于 URL 更改。
我只是在寻找一种只需单击“提交”按钮即可工作的解决方案。
这是我从上面的链接使用的代码，但我没有从表单返回任何值:
import os
import sys
from PyQt5.QtWidgets import QApplication, QVBoxLayout, QWidget
from PyQt5.QtCore import QUrl, QEventLoop
from PyQt5.QtWebEngineWidgets import QWebEngineView
from PyQt5.QtWebEngineCore import QWebEngineUrlRequestInterceptor
class WebPage(QWebEngineView):
def __init__(self):
QWebEngineView.__init__(self)
filepath = os.path.abspath(os.path.join(os.path.dirname(__file__), 'form.html'))
self.load(QUrl.fromLocalFile(filepath))
self.loadFinished.connect(self._on_load_finished)
def _on_load_finished(self):
self.page().runJavaScript("document.getElementById('num1').value", self.store_value)
def store_value(self, param):
self.value = param
print("Param: " +str(param))
if __name__ == "__main__":
app = QApplication(sys.argv)
web = WebPage()
web.show()
sys.exit(app.exec_())
HTML:
<html>
<body>
<form>
Number 1:<input type="text" id="num1">
<br>
Number 2:<input type="text" id="num2">
<br>
<input type="submit" id="sub1">
</form>
</body>
</html>
最佳答案
基于我在 my old answer 中使用的策略，解决方案是通过QWebChannel注入(inject)一个QObject，并在其中与按钮单击事件进行绑定(bind)以更新槽。在本例中我使用 Jinja2使编写脚本更容易。
import os
import sys
from PyQt5 import QtCore, QtWidgets, QtWebEngineWidgets, QtWebChannel
from jinja2 import Template
class Element(QtCore.QObject):
def __init__(self, name, parent=None):
super(Element, self).__init__(parent)
self._name = name
@property
def name(self):
return self._name
def script(self):
raise NotImplementedError
class FormObject(Element):
numbersChanged = QtCore.pyqtSignal(str, str)
def script(self):
_script = r"""
var btn = document.getElementById('sub1');
btn.addEventListener("click", function(event){
var number1 = document.getElementById('num1');
var number2 = document.getElementById('num2');
{{name}}.update(number1.value , number2.value);
});
"""
return Template(_script).render(name=self.name)
@QtCore.pyqtSlot(str, str)
def update(self, number1, number2):
self.numbersChanged.emit(number1, number2)
class WebEnginePage(QtWebEngineWidgets.QWebEnginePage):
def __init__(self, *args, **kwargs):
super(WebEnginePage, self).__init__(*args, **kwargs)
self.loadFinished.connect(self.onLoadFinished)
self._objects = []
def add_object(self, obj):
self._objects.append(obj)
@QtCore.pyqtSlot(bool)
def onLoadFinished(self, ok):
if ok:
self.load_qwebchannel()
self.load_objects()
def load_qwebchannel(self):
file = QtCore.QFile(":/qtwebchannel/qwebchannel.js")
if file.open(QtCore.QIODevice.ReadOnly):
content = file.readAll()
file.close()
self.runJavaScript(content.data().decode())
if self.webChannel() is None:
channel = QtWebChannel.QWebChannel(self)
self.setWebChannel(channel)
def load_objects(self):
if self.webChannel() is not None:
objects = {obj.name: obj for obj in self._objects}
self.webChannel().registerObjects(objects)
_script = r"""
{% for obj in objects %}
var {{obj}};
{% endfor %}
new QWebChannel(qt.webChannelTransport, function (channel) {
{% for obj in objects %}
{{obj}} = channel.objects.{{obj}};
{% endfor %}
});
"""
self.runJavaScript(Template(_script).render(objects=objects.keys()))
for obj in self._objects:
if isinstance(obj, Element):
self.runJavaScript(obj.script())
class WebPage(QtWebEngineWidgets.QWebEngineView):
def __init__(self, parent=None):
super().__init__(parent)
page = WebEnginePage(self)
self.setPage(page)
formobject = FormObject("formobject", self)
formobject.numbersChanged.connect(self.on_numbersChanged)
page.add_object(formobject)
filepath = os.path.abspath(
os.path.join(os.path.dirname(__file__), "form.html")
)
self.load(QtCore.QUrl.fromLocalFile(filepath))
@QtCore.pyqtSlot(str, str)
def on_numbersChanged(self, number1, number2):
print(number1, number2)
if __name__ == "__main__":
app = QtWidgets.QApplication(sys.argv)
web = WebPage()
web.show()
sys.exit(app.exec_())
关于python - PyQt5 使用 runJavaScript 检索表单值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55947552/