在 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 库时，它起作用了。