在Yii框架中使用Ajax

Question

我需要通過Ajax之類的東西動態加載頁面。 我在使用PHP的Yii 2框架。

基本上，我只想單擊一個按鈕，然后讓另一個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" 。 您可以在data-url="<?php echo '$url'; ?>"使用您的PHP代碼。

這是更新的代碼 ：

 $(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

由於某種原因，當我將ajax調用的jQuery庫添加到ON TOP時，它起作用了。