Ajax Javascript.html example not working

gopakumarvishnu8 · February 11, 2021, 3:09pm

The given example for ajax is not working . Mainly the onreadystatechange is not being recognized as a function by sublime text editor. Here is a snapshot of the code.

Adith625 · February 12, 2021, 5:18am

The code is untitled. Save the code with a .html extention. And open it in a browser. Any error will be displayed in the console

rahul.singh1 · February 12, 2021, 12:28pm

Hi @gopakumarvishnu8,

Can you paste your code here instead of a screenshot so that I can test it out? Also, open the console in the browser and check for the error.

gopakumarvishnu8 · February 12, 2021, 12:55pm

I had already saved it but in html format from previous examples. Since it wasn’t still working I tried doing it in a new file. It is still not working even after saving.

gopakumarvishnu8 · February 12, 2021, 12:55pm

Yeah sure . Here it is.

CODE:

Default text

Submit function update_user() { user_number=document.getElementById("user_number").value; httpRequest= new XMLHttpRequest(); httpRequest.open("GET","https://reqres.in/api/users/"+user_number) ; httpRequest.send();

		httpRequest.onreadystatechange = funcion(){
			if(this.readyState==4 && this.status==200)
			{
				user_data=JSON.parse(this.responseText);
				document.getElementById("Output").innerHTML=user_data.data.first_name;
			}
		}
	}
</script>

Adith625 · February 12, 2021, 6:07pm

If you are not facing any errors in the console, try using the tag instead of button.
Also share what error you are facing in the console

gopakumarvishnu8 · February 13, 2021, 2:23pm

I found out that it was a typo , but now I got a new error . Here is a screen shot:

.PS: The previous error was I spelled function wrong.

gvn119015032 · February 13, 2021, 7:35pm

Hi @gopakumarvishnu8
You have to pass “responseText” as an argument to function. otherwise user_data will be null. That is why you are not able to set it ti html element “output”.

Please ref. below image for Modified code. I was able to get the output:)