#59 Sample code snippet to use DOMSubtreeModified event

Hey-stone · Aug 8, 2015 · e8783ed · e8783ed
1 parent f3efe1d
commit e8783ed
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 0 deletions.
diff --git a/ui4j-sample/src/main/java/com/ui4j/sample/FormPost.java b/ui4j-sample/src/main/java/com/ui4j/sample/FormPost.java
@@ -0,0 +1,37 @@
+package com.ui4j.sample;
+
+import java.util.concurrent.CountDownLatch;
+
+import com.ui4j.api.browser.BrowserFactory;
+import com.ui4j.api.browser.Page;
+import com.ui4j.api.dom.Element;
+
+public class FormPost {
+
+    private static String result;
+
+    public static void main(String[] args) throws Exception {
+        String url = FrameSample.class.getResource("/FormPost.html").toExternalForm();
+        Page page = BrowserFactory.getWebKit().navigate(url);
+
+        Element custname = page.getDocument().query("[name='custname']").get();
+        custname.setValue("foo");
+
+        page.getDocument().query("[type='submit']").get().click();
+
+        CountDownLatch latch = new CountDownLatch(1);
+
+        page.getDocument().query("label").get().bind("DOMSubtreeModified", e -> {
+            result = e.getTarget().getText().get();
+            latch.countDown();
+        });
+
+        latch.await();
+
+        System.out.println("Form post result: " + result);
+
+        page.close();
+
+        BrowserFactory.getWebKit().shutdown();
+    }
+}
diff --git a/ui4j-sample/src/main/resources/FormPost.html b/ui4j-sample/src/main/resources/FormPost.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
+    <script type="text/javascript">
+        $(function() {
+            $('[type="submit"]').click(function() {
+                var name = $('[name="custname"]').val();
+                $.ajax({
+                    type: 'GET',
+                    url: 'http://httpbin.org/get?name=' + name
+                }).done(function(data) {
+                    $('label').text(data.args.name);
+                });
+            });
+        });
+    </script>
+    <body>
+        <input name="custname">
+        <input type="submit">
+        <br>
+        <label></label>
+    </body>
+</html>