Differences

This shows you the differences between two versions of the page.

--- programmieren:javascript:alpinejs_ajax_beispiel [2022/09/14 08:06] – jgehrke
+++ programmieren:javascript:alpinejs_ajax_beispiel [2022/09/14 08:08] – jgehrke
@@ Line 48: / Line 48: @@
 			xhttp.setRequestHeader("Content-Type", "application/json");
 			xhttp.onreadystatechange = function() {
-				if(this.readyState == 4 && this.status == 200) {
+				const is_call_success = (this.readyState == 4 && this.status == 200) ? true : false;
+				if( is_call_success ) {
 					const response_json = JSON.parse( this.response );
-					console.log( "Antwort: " );
-					console.log( response_json );
 					/*
  					    in current context 'this' would refer to the XMLHttpRequest Object
@@ Line 58: / Line 57: @@
 					    So we be bound the current alpine.js object to a global window variable
 					*/
-					window.this_alpinejs_module.repsonse_json = response_json; // <-- Important
+					window.this_alpinejs_module.repsonse_json = response_json; // working version of this.repsonse_json
 					return true;