original-queryparams-with-js-static

Running

Omnibus commited on Sep 9, 2023

Commit

c9b4514

1 Parent(s): 7fb96f8

Update index.html

Files changed (1) hide show

index.html CHANGED Viewed

@@ -4,6 +4,8 @@
     <title>
           How To Get URL Parameters using JavaScript?
       </title>
 </head>
 <body>
@@ -25,24 +27,24 @@ Current URL
     <button onclick="getParameters()"> Get URL parameters </button>
-    <button onclick="returnsUserMessage()">Send to python</button>
-      <div id=output></div>
     <script>
-    async function returnsUserMessage() {
-      var user_input = document.getElementById("input-chat").value;
-      var bot_reponse = await fetch('localhost/response',
-        {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/json'
-          },
-          body: JSON.stringify({user_response: user_input})
-        });
-        document.getElementById('output').innerHTML = "maybe worked";
-      // Then you need to present the bot response in your element
-    }
     </script>

     <title>
           How To Get URL Parameters using JavaScript?
       </title>
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 </head>
 <body>
     <button onclick="getParameters()"> Get URL parameters </button>
+        <input type="text" id="input">
+    <button onclick="sendData()">Send Data</button>
+    <div id="output"></div>
     <script>
+        function sendData() {
+            var value = document.getElementById('input').value;
+            $.ajax({
+                url: '/process',
+                type: 'POST',
+                data: { 'data': value },
+                success: function(response) {
+                    document.getElementById('output').innerHTML = response;
+                },
+                error: function(error) {
+                    console.log(error);
+                }
+            });
+        }
     </script>