×

Save Your Code

If you click the save button, your code will be saved, and you get a URL you can share with others.

By clicking the "Save" button you agree to our terms and conditions.

Report Error

×

Save to Google Drive

If you have a Google account, you can save this code to your Google Drive.

Google will ask you to confirm Google Drive access.

×

Open from Google Drive

If you have saved a file to Google Drive, you can open it here:

Result Size: 625 x 571
×
Change Orientation Save Code Save to Google DriveSave to Google Drive Load from Google DriveLoad from Google Drive Change Theme, Dark/Light
​x
 
<!DOCTYPE html>
<html>
<body>
​
<h2>The XMLHttpRequest Object</h2>
​
<h3>Start typing a name in the input field below:</h3>
​
<p>Suggestions: <span id="txtHint"></span></p> 
​
<p>First name: <input type="text" id="txt1" onkeyup="showHint(this.value)"></p>
​
<script>
function showHint(str) {
  var xhttp;
  if (str.length == 0) { 
    document.getElementById("txtHint").innerHTML = "";
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("txtHint").innerHTML = this.responseText;
    }
  };
  xhttp.open("https://www.w3schools.com/js/GET", "https://www.w3schools.com/js/gethint.asp?q="+str, true);
  xhttp.send();
}
</script>
​
</body>
​
<!-- Mirrored from www.w3schools.com/js/tryit.asp?filename=tryjs_ajax_suggest_asp by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 31 Mar 2021 13:04:43 GMT -->
</html>
​
×

Report a Problem:

If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:

help@w3schools.com