0
私はcodeschoolのjQueryを学習しています。すべての方法で、私はそれを働かせることができませんでした。 誰かが私に正しい方向にプッシュを与えることができますか？ ありがとうございます。ここでhtmlを返すようにAjaxを取得できません
は
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<title>Where's Aggie???</title>
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<link type="text/css" href="main2.css" rel="stylesheet">
</head>
<body>
<button class="btn"> Click Here</button>
<div class='headbox'>
<p class='main-title'>A</p>
</div>
</div>
<script type="text/javascript" src="application2.js"></script>
</body>
</html>
私のjs ..
$(document).ready(function() {
$('button').on('click', '.btn', function(){
$.ajax('http://www.jamesleetaylor.com/wheresaggie/b.html', {
success: function(response) {
$('.main-title').replaceWith(response);
}
});
});
});
とCSS
.btn {
margin-bottom: 20px;
}
.main-title {
text-align: center;
}
.headbox {
width: 100px;
border: 3px solid black;
}
https://jsfiddle.net/w202usyk/
、ここでは私のコード..ですjsfiddleです
この呼び出しは、同じドメインで開かれたページとwwwのアドレスで作成されていますか？ – charlietfl
は相対リンクを使用して固定されています。ありがとうございます – James