Wie erfasst man ein ausgefülltes Formular in JavaScript?

Eine häufige Anfrage ist die Verwendung von GrabzIt's JavaScript Bibliothek um eine Erfassung eines Formulars zu erstellen, das der Benutzer ausgefüllt hat. Da unsere Erfassungen jedoch von Remote-Servern erfolgen, ist GrabzIt nicht in der Lage, dies ohne ein wenig zusätzliche Arbeit zu tun. Glücklicherweise wurde all diese Arbeit gebaut into die ConvertPage Methode, wenn Sie weitere Informationen wünschen, schauen Sie hier vorbei Erfassen dynamischer Inhalte.

Beachten Sie jedoch, dass Ressourcen wie CSS und JavaScript können nur geladen werden, wenn auf die Webseite zugegriffen werden kann internet. Ein Beispiel für die Verwendung dieser Funktionalität ist unten dargestellt.

<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@grabzit/js@3.5.2/grabzit.min.js"></script>
</head>
<body onload="loadFromQueryString()">
<form id="myForm">
<label>Name</label> <input type="text" name="fullname" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Sam"/><br/>
<label>Order</label> <select name="order">
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Computer">Computer</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Monitor">Monitor</option>
<option data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Printer">Printer</option>
</select><br/><br/>
<input type="button" data-gt-translate-attributes='[{"attribute":"value","format":"json"}]' value="Take Screenshot" onclick="createScreenshot();"/>
</form>
<div id="divResult"></div>
<script type="text/javascript">
function createScreenshot()
{
    //dynamically capture the page and add it to the div.
    GrabzIt("Sign in to view your Application Key").ConvertPage().AddTo('divResult');
}
</script>
</body>
</html>

Weitere Web-Capture-Artikel Community Fragen