title: Displaying the JSON in HTML input boxes using AJAX?
body: <p>I'm very new at AJAX and Javascript and need a bit of help with this code.</p>
  
  <p>Here is the bit of JSON I'm using</p>
  
  <pre><code>{"URL":"www.youtube.com","Total URLs":132,"Completed":63}
  </code></pre>
  
  <p>I need to get each one of these values and display in different HTML input text boxes using AJAX.</p>
  
  <pre><code>Current URL: &lt;input type="text" name="urlqueue"&gt;
  Total URLs: &lt;input type="text" name="total"&gt;
  Completed: &lt;input type="text" name="completed"&gt;
  </code></pre>
  
  <p>Right now I have </p>
  
  <pre><code> ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
     document.form.total.value = ajaxRequest.responseText;
    }
   }
   ajaxRequest.open("GET", "test_results.php", true);
   ajaxRequest.send(null); 
  </code></pre>
  
  <p>You can see this doesn't work anymore. I use to have the file containing only 1 number and no JSON. Now I need to use the file for many results with JSON and need some direction.</p>
  
  <p>How do I display the JSON in the HTML input boxes using AJAX?</p>