Jquery加载功能不起作用初学者

Posted

技术标签:

【中文标题】Jquery加载功能不起作用初学者【英文标题】:Jquery load function not working beginner 【发布时间】:2016-02-25 23:17:34 【问题描述】:

所以当我运行它时它不起作用 控制台日志:“XMLHttpRequest 无法加载文件:///C:/Users/Filip/Desktop/load/demo_test.txt。跨源请求仅支持协议方案:http、data、chrome、chrome-extension、https、chrome -扩展资源。”

“demo_text.txt”是: “这是和外部文本!”

来了:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="Filip ">
    <title>Site Name</title>
    <!--Title icone-->  
    <link rel="icon" href="http://www.axgig.com/images/97388478166848785489.png">
    <!--Bootstreap style-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/    zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

</head>
<body>
    <div class="container text-center">
        <h1 class="well">Jquery .load()</h1>
            <div class="col-sm-6 col-sm-offset-3">
                <div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
                <button>Get External Content</button>
            </div>
    </div>

   <!-- Bootstrap core javascript
   ================================================== -->
   <!-- Placed at the end of the document so the pages   load faster -->
   <!--jQuery-->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
   <!--Bootstrap Scripts-->
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/   eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>
   <!--========Script fot this page========-->
   <script>
    $(document).ready(function()
        $("button").click(function()
            $("#div1").load("demo_test.txt");
        );
    );
   </script>

</body>
</html>

【问题讨论】:

请阅读How to Ask和edit您的问题以改进它。 所以你想让我去 github 并阅读代码,然后找到错误(不知道错误是什么),这意味着我需要时间 =/...只是发布问题,并解释发生了什么,以及您遇到了什么错误/错误 Ty,对不起,我在这里 3 分钟是新的 =P brb "edit" =D 【参考方案1】:

请使用 Firefox xmlhttp 请求作为 chrome 阻止此类不安全内容的加载

【讨论】:

以上是关于Jquery加载功能不起作用初学者的主要内容,如果未能解决你的问题,请参考以下文章

(初学者编码器。入门级)HTML点击游戏上的保存/加载功能不起作用

首次加载页面时,Jquery UI 自动完成功能不起作用

当我将 html 数据从字符串加载到 webview 时,Jquery 功能不起作用

为了删除预加载器的 jQuery .load(function) 和 .addClass 不起作用

jquery 滚动位置在真正的 Ipad 中不起作用

jQuery插件不起作用……“类型错误:'undefined'不是一个函数”