xmlhttprequest javascript

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:
       document.getElementById("demo").innerHTML = xhttp.responseText;
    }
};
xhttp.open("GET", "filename", true);
xhttp.send();

View another examples Add Own solution

4.5

MrHen 65 points

                                    &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
&lt;p id=&quot;demo&quot;&gt;result&lt;/p&gt;
&lt;button type=&quot;button&quot; onclick=&quot;get_post_ajax();&quot;&gt;Change Content&lt;/button&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	function update_progress(e)
	{
	  if (e.lengthComputable)
	  {
	    var percentage = Math.round((e.loaded/e.total)*100);
	    console.log(&quot;percent &quot; + percentage + '%' );
	  }
	  else 
	  {
	  	console.log(&quot;Unable to compute progress information since the total size is unknown&quot;);
	  }
	}
	function transfer_complete(e){console.log(&quot;The transfer is complete.&quot;);}
	function transfer_failed(e){console.log(&quot;An error occurred while transferring the file.&quot;);}
	function transfer_canceled(e){console.log(&quot;The transfer has been canceled by the user.&quot;);}
	function get_post_ajax()
	{
	  	var xhttp;
	  	if (window.XMLHttpRequest){xhttp = new XMLHttpRequest();}//code for modern browsers} 
	 	else{xhttp = new ActiveXObject(&quot;Microsoft.XMLHTTP&quot;);}// code for IE6, IE5	  	
	  	xhttp.onprogress = update_progress;
		xhttp.addEventListener(&quot;load&quot;, transfer_complete, false);
		xhttp.addEventListener(&quot;error&quot;, transfer_failed, false);
		xhttp.addEventListener(&quot;abort&quot;, transfer_canceled, false);	  	
	  	xhttp.onreadystatechange = function()
	  	{
	    	if (xhttp.readyState == 4 &amp;&amp; xhttp.status == 200)
	    	{
	      		document.getElementById(&quot;demo&quot;).innerHTML = xhttp.responseText;
	    	}
	  	};
	  xhttp.open(&quot;GET&quot;, &quot;http://it-tu.com/ajax_test.php&quot;, true);
	  xhttp.send();
	}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

Thank you! 6

4.5 (6 Votes)

MisterJ 70 points

                                    function reqListener () {
  console.log(this.responseText);
}

var oReq = new XMLHttpRequest();
oReq.onload = reqListener;
oReq.open(&quot;GET&quot;, &quot;http://www.example.org/example.txt&quot;);
oReq.send();

Thank you! 2

Xkcvk2511 100 points

                                    function httpGet(theUrl)
{
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open( &quot;GET&quot;, theUrl, false ); // false for synchronous request
    xmlHttp.send( null );
    return xmlHttp.responseText;
}

Thank you! 5

4 (5 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

xmlhttprequest javascript

Welcome Back!

Create a Free Account