XMLHttpRequest无法加载文件

时间:2015-11-19 18:54:02

标签: javascript jquery

我通过“Berb Bibo Ieguda Kats - JQuery in Action”学习了JS和JQuery。 当我尝试使用本书中的代码开始示例时,我遇到了这个错误:

  

XMLHttpRequest无法加载   文件:/// C:/Users/julia/AppData/Local/Book/chapter2/dom.sample.html。   交叉源请求仅支持协议方案:http,   数据,chrome,chrome-extension,https,chrome-extension-resource。

我在stackoverflow的其他帖子中发现了关于此错误的评论,人们说你需要使用文件的网站网址 localhost:8089 / myfile.html,但我使用book的作者示例,没有任何服务器。它只有几个带有JS的HTML文件。

这是来自file:

的完整JS代码
  $(function() {

    $.get(
      'dom.sample.html', // mistake
      function(data){
        $('#sampleDOMCode pre').html(data.replace(/</g,'&lt;').replace(/>/g,'&gt;'));
      });

    $('form#selectorForm').submit(function() {
      $('#resultingElements').html('');
      var operation = $.trim($('#operationField').val());
      if (operation.length == 0) return false;
      var wrappedSet = sampleFrame.perform(operation);
      var elements = wrappedSet.elementsForDisplay();
      var labelText = elements.length + ' matching element' + (elements.length == 1 ? '' : 's') + ':';
      $('label[for=resultingElements]').html(labelText);
      $.each(elements,function(){
        $('#resultingElements').append($('<div>'+this+'</div>'));
      });
      $('#resultsPane').fadeIn('slow');
      return false;
    });

    $('#restoreButton').click(function(){
      $('#sampleFrame').attr('src','dom.sample.page.html');
      $('#resultsPane').hide();
    });

  });

0 个答案:

没有答案