1
使用jQuery和Ajax來更新我的網頁的一部分，但它不工作： 這裏是頁：加載文件不起作用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insertion, copie et suppression de données</title>
</head>
<body>
<!----------------------------------------------------------------- -------------------->
<style type="text/css">
div { width: 400px; height: 300px; float: left; margin: 5px; }
#premier { background-color: #F6E497; }
#troisieme { background-color: #CAF1EC; }
#quatrieme { background-color: #F1DBCA; }
</style>
<button id="majPremier">Mise à jour première zone</button>
<button id="majDeuxieme">Mise à jour deuxième zone</button><br /><br />
<div id="premier">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.
</div>
<div id="deuxieme">
<img src="image.png">
</div>
<script src="jquery.js"></script>
<script>
$(function() {
$('#majPremier').click(function() {
$('#premier').load('maj1.html', function() {
alert('La première zone a été mise à jour');
});
});
$('#majDeuxieme').click(function() {
$('#deuxieme').load('maj2.html', function() {
alert('La deuxième zone a été mise à jour');
});
});
});
</script>
<!-- - ---------------------------------------------------------------------------------------------------------->
</body>
</html>
這裏是文件maj1.html我用AJAX來更新我的網頁：
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
Ut enim ad minima veniam, quis nostrum exercitationem ullam
corporis suscipit laboriosam, nisi ut aliquid ex ea commodi
consequatur? Quis autem vel eum iure reprehenderit qui in ea
voluptate velit esse quam nihil molestiae consequatur, vel illum qui
dolorem eum fugiat quo voluptas nulla pariatur?
</body>
</html>
我來自一個frensh教程，當我使用谷歌瀏覽器檢查元素我看到這個錯誤：XMLHttpRequest的無法加載文件...起源訪問控制允許來源不允許空值