samples for AJAX GET and POST requests with XMLHttpRequest

DeveloppeurPascal · DeveloppeurPascal · commit 9437ca68fe0a · 2022-10-25T22:07:57.000+02:00
diff --git a/XMLHttpRequest-GET/index.html b/XMLHttpRequest-GET/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+<head><title>XMLHttpRequest for a GET request</title></head>
+<body>
+<script>
+    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest
+	
+    const request = new XMLHttpRequest();
+    request.open('GET', 'http://localhost/PHP-Dump/src/ajaxcalldump.php?key1=value1&key2=value2', true);
+    request.onload = callback;
+	request.responseType = 'json';
+	
+    request.send();
+
+    function callback() {
+		console.log(request.response);
+	}
+</script>
+</body>
+</html>
diff --git a/XMLHttpRequest-POST/index.html b/XMLHttpRequest-POST/index.html
@@ -0,0 +1,20 @@
+<!doctype html>
+<html>
+<head><title>XMLHttpRequest for a POST request</title></head>
+<body>
+<script>
+    // https://developer.mozilla.org/fr/docs/Web/API/XMLHttpRequest
+	
+    const request = new XMLHttpRequest();
+    request.open('POST', 'http://localhost/PHP-Dump/src/ajaxcalldump.php', true);
+    request.onload = callback;
+	request.responseType = 'json';
+	request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
+    request.send('key1=value1&key2=value2');
+
+    function callback() {
+		console.log(request.response);
+	}
+</script>
+</body>
+</html>
