Не удается получить Ajax для возврата html

Я изучаю jQuery в кодовой школе. На протяжении всего урока ajax я не мог заставить его работать. Пожалуйста, может кто-нибудь дать мне толчок в правильном направлении. Спасибо заранее.Не удается получить Ajax для возврата html

Вот jsfiddle ..

https://jsfiddle.net/w202usyk/

и вот мой код ..

<!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; 
}

источник

2017-02-04 James

Этот вызов выполняется со страницы, открытой в том же домене и с адресом www? – charlietfl

исправил это, используя относительную ссылку. спасибо – James

Проблема в том, что вы получаете сообщение об ошибке: [Error] XMLHttpRequest cannot load http://www.jamesleetaylor.com/wheresaggie/b.html. Origin null is not allowed by Access-Control-Allow-Origin., потому что вам необходимо разрешить доступ к вашему сайту.

источник

2017-02-04 19:15:35

вы можете объяснить, как разрешить доступ? – James

Не удается получить Ajax для возврата html

ответ

Смежные вопросы