{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 姐就是有狂的资本 的问题《XMLHttpRequest cannot load file:///C:/Users/hamma/》','https://www.manongdao.com/q-254386.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
<!DOCTYPE html>
<html>
<head>
<script src="jquery-2.1.4.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").load("rao.txt");
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
i want to change the content of div1 with some text or some other webpage without reloading the default page.
I get the following error message in the console:
XMLHttpRequest cannot load file:///C:/Users/hamma/Desktop/rao.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
Copy the file "rao.txt" into your project folder. Setup a localserver. Use wamp/xamp for setting localserver. Access the file like
http://localhost/project_folder/path_to_rao.txtAccording to your console output:
That means that you are trying to run the file without a server i.e.
file:///[...]and for security reasons you can't run AJAX requests like that.You need to setup a server and run the page through that to send requests.
More Help
If you are using Chrome, try this.
Reading Material
Same-Origin-Policy
CORS