Javascript 如何在chrome中使用jquery.load（）在html中嵌入文件_Javascript_Jquery_Html_Google Chrome

Javascript 如何在chrome中使用jquery.load（）在html中嵌入文件

javascript jquery html google-chrome

Javascript 如何在chrome中使用jquery.load（）在html中嵌入文件,javascript,jquery,html,google-chrome,Javascript,Jquery,Html,Google Chrome,我试图在Chrome中使用jquery加载一个txt文件。为什么它不起作用？我已经复制了，我所更改的只是他们的url <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(

我试图在Chrome中使用jquery加载一个txt文件。为什么它不起作用？我已经复制了，我所更改的只是他们的url

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("http://stackoverflow.com/questions/15114993/how-to-embed-a-file-in-html-using-jquery-load");
    alert("clicked");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“#div1”）。加载（“http://stackoverflow.com/questions/15114993/how-to-embed-a-file-in-html-using-jquery-load");
警报（“点击”）；
});
});
让jQuery AJAX更改此文本
获取外部内容

好的，您可能遇到的问题似乎与chrome和ajax请求有关。如果在本地运行，Chrome会引发安全问题。请尝试将代码放在web服务器上，或者尝试firefox

或者，如果你的电脑在mac上，你可以从命令行这样打开chrome来防止安全问题

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

如果你搜索“允许从chrome文件访问文件”，谷歌上会有大量帖子

祝你好运

好的，你在这里可能遇到的问题似乎与chrome和ajax请求有关。如果在本地运行，Chrome会引发安全问题。请尝试将代码放在web服务器上，或者尝试firefox

或者，如果你的电脑在mac上，你可以从命令行这样打开chrome来防止安全问题

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

如果你搜索“允许从chrome文件访问文件”，谷歌上会有大量帖子

祝你好运，Chrome在执行代码时会抛出以下错误：

Origin null is not allowed by Access-Control-Allow-Origin.

你必须：

在本地web服务器上托管HTML代码，以便可以在以下位置访问：

http://localhost/your_directory/index.html

更新您的代码以加载

out.txt

，并将其放置在

index.html

文件所在的文件夹中，如下所示（使用相对路径）

$（“#div1”）.load（“out.txt”）


…或类似于此（使用绝对路径）：
$（“#div1”）。加载（“http://localhost/your_directory/out.txt");

你就完了！：-）
 Chrome在执行代码时抛出以下错误：
Origin null is not allowed by Access-Control-Allow-Origin. 

你必须：
在本地web服务器上托管HTML代码，以便可以在以下位置访问：
http://localhost/your_directory/index.html

更新您的代码以加载out.txt
，并将其放置在index.html
文件所在的文件夹中，如下所示（使用相对路径）
$（“#div1”）.load（“out.txt”）

…或类似于此（使用绝对路径）：
$（“#div1”）。加载（“http://localhost/your_directory/out.txt");

你就完了！：-）
 你用的是什么浏览器？你有javascript吗errors@DominicGreenWindows8上的chrome+1@DominicGreen，这是跨浏览器问题！它在firefox上工作！您的警报（）
是否加载？由于跨源策略，您无法使用.load从外部源获取内容，除非外部源支持CORS。您使用的浏览器是什么？你有javascript吗errors@DominicGreenWindows8上的chrome+1@DominicGreen，这是跨浏览器问题！它在firefox上工作！您的alert（）
是否加载？由于跨源策略，您无法使用.load从外部源获取内容，除非外部源支持CORS.Actual$（“#div1”）。加载（“http://stackoverflow.com/questions/15114993/how-to-embed-a-file-in-html-using-jquery-load");也会失败！当然失败了，您尝试的是跨源AJAX，这是不允许的。在任何情况下，您都必须首先在本地web服务器上托管HTML文件。然后使用jQuery加载本地服务器上托管的任何文件。祝你好运实际上$（“#div1”）。加载（“http://stackoverflow.com/questions/15114993/how-to-embed-a-file-in-html-using-jquery-load");也会失败！当然失败了，您尝试的是跨源AJAX，这是不允许的。在任何情况下，您都必须首先在本地web服务器上托管HTML文件。然后使用jQuery加载本地服务器上托管的任何文件。祝你好运因此，用户也将面临同样的问题。对吧?（仅当他们在本地计算机上运行文件时，我假设您将在服务器上托管此web应用。那么应该没有问题。因此用户也将面临相同的问题。对吗？：（仅当他们在本地计算机上运行文件时，我假设您将在服务器上托管此web应用。那么应该没有问题。