Jquery .load函数未按预期工作

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() 
      { 
       $("button").click(function() 
       { 
        $("#div1").load("http://w3schools.com/jquery/demo_test.txt"); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <div id="div1"> 
      <h2>Let jQuery AJAX Change This Text</h2> 
     </div> 
     <button>Get External Content</button> 
    </body> 
</html>

上述代码是W3Schools中的一个示例，我尝试在浏览器中运行它。虽然它适用于W3schools窗口，但当我尝试从我的html页面运行它时，它拒绝。Jquery .load函数未按预期工作

来源

2013-08-01 Nick Papamanolioudakis

*“PS请只有建设性的答案”*这是Stackoverflow，只有建设性的答案张贴... –

请不要使用W3Schools。永远。 http://w3fools.com –

[学习调试javascript]（http://www.netmagazine.com/tutorials/javascript-debugging-beginners） –

不！您无法使用JavaScript从远程网站加载页面。这违反了Same Domain Policy。

来源

2013-08-01 14:08:41 Brian

有没有其他办法可以实现这一点？ –

通过丑陋的手段，是的。例如，div元素可以包含一个填充div空间100％的iframe，iframe指向一个远程页面。虽然您无法轻松与iframe的内容进行互动，但... – Brian

http://coding.smashingmagazine.com/2012/02/09/beginners-guide-jquery-based-json-api-clients/ –

Jquery .load函数未按预期工作

回答

相关问题