相关疑难解决方法(0)

"只有HTTP支持跨源请求." 加载本地文件时出错

我正在尝试将3D模型加载到Three.js中JSONLoader,并且该3D模型与整个网站位于同一目录中.

我收到了"Cross origin requests are only supported for HTTP."错误,但我不知道是什么导致它,也不知道如何解决它.

javascript 3d http file three.js

758
推荐指数
14
解决办法
110万
查看次数

在HTML文件中包含另一个HTML文件

我有2个HTML文件,假设a.htmlb.html.在a.html我想包括b.html.

在JSF中,我可以这样做:

<ui:include src="b.xhtml" />
Run Code Online (Sandbox Code Playgroud)

这意味着内部a.xhtml文件,我可以包括b.xhtml.

我们怎么能在*.html文件中做到这一点?

html include

590
推荐指数
24
解决办法
135万
查看次数

使页眉和页脚文件包含在多个html页面中

我想创建包含在几个html页面上的常见页眉和页脚页面.

我想用javascript.有没有办法只使用HTML和JavaScript?

我想在另一个html页面中加载页眉和页脚页面.

html javascript css jquery

122
推荐指数
8
解决办法
34万
查看次数

即使有一个概念调用相同的原始政策,我们如何加载图像?

我正在使用HTML和JavaScript 构建小型离线 Web应用程序.CSV文件用于存储数据.

要读取CSV(使用jquery-csv库)文件,我使用以下代码.

<script>
    $(document).ready(function(){

        var filepath = 'data.csv';
        var data_string = $.get(filepath);
    });

</script>
Run Code Online (Sandbox Code Playgroud)

但由于跟随错误,我无法阅读它.

XMLHttpRequest无法加载file:/// C:/Users/Nimal/Desktop/javascript-csv/data.csv.交叉源请求仅支持协议方案:http,数据,chrome,chrome-extension,https


然后我可以了解相同的原产地政策概念.

然后,我从这里找到了许多相关的文章.

  1. "只有HTTP支持跨源请求." 加载本地文件时出错
  2. XMLHttpRequest无法加载文件.仅支持HTTP的跨源请求
  3. 如何规避同源政策

来自维基百科,

在计算中,同源策略是Web应用程序安全模型中的一个重要概念.根据该策略,Web浏览器允许第一个Web页面中包含的脚本访问第二个Web页面中的数据,但前提是两个Web页面具有相同的源.

但我有一个问题.

如果我使用<img src="abc.jpg">我可以加载图像.

为什么图像有例外?

我们如何加载图像,但我们无法加载其他文件类型?

我认为相同的原始政策应该应用所有文件类型,包括图像.

或者我是否错误地理解了同一个orgin-policy?

javascript same-origin-policy

5
推荐指数
1
解决办法
1365
查看次数

从源“null”访问“file:///sample.txt”处的 XMLHttpRequest 被 CORS 策略阻止:仅协议方案支持 CORS

我是 AJAX 的新手,目前正在学习它的基础知识。在我点击提交按钮的 html 文件中,我只是想记录一个文本文件的文本,该文本文件位于 html 文件本身的同一目录中。但相反,我收到了一个错误

CORS 政策已阻止从源“null”访问“file:///D:/Front_end_files/AJAX/sample.txt”处的 XMLHttpRequest:跨源请求仅支持协议方案:http、数据、chrome、chrome - 扩展,https。

这是我的 Ajax-1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ajax-1 Text file</title>
</head>
<body>
        <button id="btn">Click Me</button>

        <script>
            document.getElementById('btn').addEventListener('click',loadtext);

            function loadtext(){

                let xhr = new XMLHttpRequest();
                console.log(xhr);

                xhr.open('GET', 'sample.txt', true);

                xhr.onload = function(){
                    if(this.status == 200){
                        console.log(this.responseText);
                    }
                };

                xhr.send();
            }
        </script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

有人可以告诉我我在这里做错了什么,还是 chrome 和 firefox 的新功能?

html javascript ajax

5
推荐指数
1
解决办法
3万
查看次数

AJAX教程无法正常工作

我正在关注关于Ajax的Bucky(新波士顿)教程,并且在第一课='时被卡住了

这是我的问题:

Ajax无法运行.我在.js上设置了一些检查点警报,发现"readyState"从未命中4 - 我只收到3个警报:

  • f(进程)第一个检查点 - readyState:0
  • f(进程)第二个检查点 - readyState:0
  • f(handleServerResponse)第一个检查点 - readyState:1

我在使用Xampp的localhost上运行,浏览器是Chrome和Firefox.

这是代码:

index.html的:

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="foodstore.js"></script>
    </head>
    <body onload="process()">
        <h3>The Chuff Bucket</h3>
        Enter the food you would like to order:
        <input type="text" id="userInput" />
        <div id="underInput" />
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

foodstore.php:

<?php
    header('Content-Type: text/xml');
    echo '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>';

    echo '<response>';
        $food = $_GET['food'];
        $foodArray = array('tuna', 'bacon', 'beef', 'loaf', 'ham');
        if(in_array($food, $foodArray))
            echo 'We do have ' . $food …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax

2
推荐指数
1
解决办法
3032
查看次数

不能使用 w3school HTML 包含

所以这里是关于 HTML 的原始 w3school 文章的链接,包括使用他们的 .js 文件链接
我从字面上复制了 w3school 示例中的所有内容,但收到此错误:

w3school.js:131 XMLHttpRequest 无法加载 file:///C:/Users/KBS-3/Desktop/project_1/html/header.html。跨源请求仅支持以下协议方案:http、data、chrome、chrome-extension、https、chrome-extension-resource。

这是我的 index.html

<!DOCTYPE html>
<html>
<script src="http://www.w3schools.com/lib/w3data.js"></script>

<body>

<div w3-include-html="content.html"></div> 

<script>
w3IncludeHTML();
</script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)

和 content.html

任何想法来解决这个问题?

html javascript css jquery

1
推荐指数
1
解决办法
6073
查看次数

标签 统计

javascript ×6

html ×4

ajax ×2

css ×2

jquery ×2

3d ×1

file ×1

http ×1

include ×1

php ×1

same-origin-policy ×1

three.js ×1