title: Converting .load (jquery) to pure javascript
body: <p>Here is my code with jquery :</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;
      &lt;form name="group" id="form1" method="post"&gt;
        &lt;select name="group" id="group"&gt;
          &lt;option value="" disabled selected&gt;Choose your group..&lt;/option&gt;
          &lt;?php foreach ($userGroups['data'] as $groups) {
             echo "&lt;option value=\"".$groups['id']."\"&gt;".$groups['name']."&lt;/option&gt;";
          }?&gt;
        &lt;/select&gt;
  
      &lt;/form&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td id="fetchmember"&gt; 
      &lt;script type="text/javascript"&gt;
        $('#group').on('change',function(){
          var id_group = this.value;
          $('#fetchmember').html('&lt;center&gt;&lt;img src="ajax-loader.gif"&gt;&lt;/center&gt;');
          $('#fetchmember').load('fetchmember.php?group='+id_group);
          });
      &lt;/script&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p><strong>fetchmember.php :</strong></p>
  
  <pre><code>&lt;?php
  include 'facebookauth.php';
      $groupId = $_GET['group'];
      $groupmember = $facebook-&gt;api('/'.$groupId.'/members');
      $membergroup = $groupmember['data'];
  
      foreach ($membergroup as $membergroups) {
          echo "&lt;li&gt;".$membergroups['name']."&lt;/li&gt;";      
      }
  
  ?&gt;  
  </code></pre>
  
  <p>How to create .load in pure javascript? I have to convert all of my jquery code to pure javascript code, but I have no idea to load <code>fetchmember.php?group='+id_group</code> with pure javascript. Anyone could give me advice? </p>
  
  <p>Thank you so much</p>