title: XMLHttpRequest cannot load file:///C:/Users/hamma/Desktop/rao.html
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="jquery-2.1.4.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("button").click(function(){
          $("#div1").load("rao.txt");
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="div1"&gt;&lt;h2&gt;Let jQuery AJAX Change This Text&lt;/h2&gt;&lt;/div&gt;
  
  &lt;button&gt;Get External Content&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>i want to change the content of div1 with some text or some other webpage without reloading the default page.</p>
  
  <p>I get the following error message in the console:</p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load file:///C:/Users/hamma/Desktop/rao.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</p>
  </blockquote>