錯誤JS將發布數據發送到控制器-CodeIgniter

Question

我正在開發一個基於CodeIgniter的Web應用程序。 我是javascript和JS開發的新手。 我正在將post data to a method發送post data to a method位於控件r（ homepage / questionview ）中的方法。 我發送給控制器的數據不會發布到控制器。 附件中您可以看到我正在使用的代碼。 我的每次嘗試都會觸發AJAX error功能。

我正在調用稱為viewQuestion(id) JS方法的代碼中的HTML代碼

<div class="col-md-7 column list-group">
        <a href=""  id="list" class="list-group-item active" onclick="viewQuestion(<?php echo $question['questionid']; ?>)">
                                    <h4 class="list-group-item-heading"><?php echo $question['questionid'];echo". "; echo $question['questionTitle']; ?></h4>

                                    <p class="list-group-item-text"><?php echo "Vote Count :"; echo $question['votecount']; ?></p>
                                    <p class="list-group-item-text"><?php echo "Asked user :"; echo $question['username']; ?></p>
                                </a>
                            </div>

我的JS代碼

我仔細檢查了所使用的URL，並可以訪問該URL。

<script type="text/javascript">

function viewQuestion(id)
{

   $.ajax({
        url: '<?php echo base_url(); ?>homepage/questionview',
        type: 'POST',
        data: { listid: id },
        success: function () {
            alert('suc');
        },
        error: function (error) {
           // alert('error');
            console.log(error);
        }
    });


}


</script>

主頁/ questionview（控制器）

public function questionview()
    {
       //echo $listid;
      echo $this->input->post('listid');

    }

Answer 1

幾種選擇：

-確保onclick事件正常運行，在ajax調用之前添加一個alert（“ test”）以確保到達目的地

-在您的控制器上，嘗試回顯“測試”以確保您獲得響應

-使用Chrome控制台調試您的Ajax調用，並確保其到達控制器

Answer 2

放置return false; 在ajax代碼段的末尾看到。 然后，您的代碼將像這樣。

<script type="text/javascript">

function viewQuestion(id)
{

   $.ajax({
        url: '<?php echo base_url(); ?>homepage/questionview',
        type: 'POST',
        data: { listid: id },
        success: function () {
            alert('suc');
        },
        error: function (error) {
           // alert('error');
            console.log(error);
        }
    });

return false;

}


</script>