日期:2014-05-17  浏览次数:20519 次

jquery load 在google下报错

$(function(){
 $(document).ready(function(){
  $("#btt").click(function(){
  $('#dvShow').load('text.txt');  
  });
});
   })



这几天在学习jquery  忽然发现这个load在google浏览器下不好使,FF和IE下测试是可以的

调试时的错误:XMLHttpRequest cannot load file:///E:/jquery%E7%BB%83%E4%B9%A0/text.txt. Origin null is not allowed by Access-Control-Allow-Origin.
------解决方案--------------------
引用:
路径。

- - 。应该不是路径把 。

我chrome 可以用 。
------解决方案--------------------

$(function(){
  //$(document).ready(function(){})跟$(function(){})重复了。
  $("#btt").click(function(){
    $('#dvShow').load('text.txt');  
  });
})

网页在IIS或者vs的内部服务器中运行,不要在文件系统中直接双击打开。路径名避免中文和特殊符号。
------解决方案--------------------
请关机开机关机再开机  可自行解决
------解决方案--------------------
jquery应该采用的xmlhttp技术,你应该使用
http://xxx这种方式进行测试,而不是file协议
------解决方案--------------------


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script src="jquery-1.6.4.js" type="text/javascript"></script>
<script type="text/javascript">
        $(function () {
                $("#btt").click(function () {
                    $("#dvShow").load('aabb.html');
            });
        });
    </script>
<style type="text/css">
    #dvShow{background-color:#F00; width:300px; height:80px;}
</style>
</head>

<body>
<div id="dvShow"></div><input type="button" id="btt" value="点我" />
</body>
</html>

------解决方案--------------------
看看编码是不是正确的。
------解决方案--------------------
        检查Jquery文件是否引用正确,
        
        $(function () {//我重复了照样可以调用
                alert("进入load方法");
                $("#btt").click(function () {
                    alert("进入click方法");
                    $("#dvShow").load('http://localhost/aabb.html');