我通过“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,'<').replace(/>/g,'>'));
});
$('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();
});
});