如何在yii中使用Ajax和JQuery

Question

我在yii中使用Ajax和jQuery。

我認為它的網址就是這樣。

http://localhost/UnderstandQuran/index.php?r=Verse/topicverse&topic_id=1

現在有一些單選按鈕組。 當我單擊它時，它將被jquery調用。

我的查看代碼。

<?php $i= 0;
foreach($data->verse_lang as $vtlanguage) {
$i = $i+1 ;
if($i === 1) { ?>
<input type="radio" name="<?php echo "tran".$data->id ?>" class="translanguage" langid="<?php echo $vtlanguage['id']; ?>" verseid="<?php echo $data->id ?>" checked="checked"><?php echo $vtlanguage['language_name']; ?></input>
<?php } else { ?>
<input type="radio" name="<?php echo "tran".$data->id ?>" class="translanguage" langid="<?php echo $vtlanguage['id']; ?>" verseid="<?php echo $data->id ?>"><?php echo $vtlanguage['language_name']; ?></input>
<?php } } ?>

我的JQuery代碼

$("input[type='radio'][class='translanguage']").click(function ()
{
    var siteUrl = document.URL;
    var verseid = $(this).attr("verseid");
    var langid = $(this).attr("langid");
    var vname = $(this).attr("name");

    $.ajax(
    {
        type: "POST",
        url: siteUrl + "/singleverse",
        data:
        {
            verseid: verseid,
            langid: langid
        },
        success: function (result)
        {
            alert(result);
        }
    });
});

通過Ajax，我將其發送到控制器/控制器方法。

我的控制器方法

public function actionSingleverse()
{
    $verseid = $_POST['verseid'];
    $langid = $_POST['langid'];
    echo $verseid." ".$langid;
}

我的問題

現在通過我所有的代碼。 它應該為警告框提供兩個不同的整數值，但是它顯示頁面的所有html代碼。 那么我如何解決這個問題。 我已經檢查了console.log，但顯示505錯誤。

當上面的URL像這樣時，我的所有代碼都工作正常。

http://localhost/UnderstandQuran/index.php?r=Verse

請幫助我，問題出在哪里。

謝謝。

Answer 1

以以下格式粘貼您的網址，確保可以正常使用

  url:'<?php echo Yii::app()->request->baseUrl;?>/index.php/controllername/singleverse',

Answer 2

可能這個地方會有問題

var siteUrl = document.URL;

網站網址也可以像這樣在javascript中獲取

var siteUrl = <?php echo Yii::app()->getBaseUrl() ?>;

也許這可以幫助您