Использование Ajax с основанием Yii

Question

Мне нужно загрузить страницу динамически с помощью чего-то вроде Ajax. Я нахожусь в структуре Yii 2 в PHP.

В принципе, я просто хочу нажать кнопку, а содержимое другого URL-адреса появится в div на той же странице. Очень простой материал, но он не работает для меня.

Я пытаюсь этот код ниже

<p><a id="ajax" class="btn btn-lg btn-success" href="<?php echo"$url"; ?>">Choose Winner</a></p> 


<div id="winner"></div> 

<script type="text/javascript"> 
$(document).ready(function(){ 
$('#ajax').click(function(){ 
$('#winner').load($(this).attr('href')); 
return false; 
}); 
}); 
</script> 

И это не работает. $ url - это URL страницы, которую я хочу загрузить.

Может ли кто-нибудь помочь?

Answer 1

Я обновил ваш код. У меня есть изменение href="javascript:void(0);" и добавьте data-url="http://stackoverflow.com". Вы можете использовать свой PHP код в data-url="<?php echo '$url'; ?>"

Вот обновленный код:

$(document).ready(function(){ 
 
$('#ajax').click(function(){ 
 
    alert($(this).attr('data-url')); 
 
$('#winner').load($(this).attr('data-url')); 
 
return false; 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p><a id="ajax" class="btn btn-lg btn-success" href="javascript:void(0);" data-url="http://stackoverflow.com">Choose Winner</a></p> 
 

 

 
<div id="winner"></div>

Answer 2

по какой-то причине, когда я добавил библиотеку Jquery на вершине Аякса называют это сработало.