div 内的 Ajax 响应

Question

我试图在 div 内显示 ajax 响应的值，为此我的 View 文件中有以下代码。

<script type="text/javascript" src="MY LINK TO JQUERY"></script>

<script  type="text/javascript">
     $(function(){ // added
     $('a.vote').click(function(){
         var a_href = $(this).attr('href');

     $.ajax({
            type: "POST",
            url: "<?php echo base_url(); ?>contents/hello",
            data: "id="+a_href,
            success: function(server_response){
                             if(server_response == 'success'){
                                  $("#result").html(server_response); 
                             } 
                             else{
                                  alert('Not OKay');
                                 }

                      }
  });   //$.ajax ends here

  return false
    });//.click function ends here
  }); // function ends here
 </script>

  <a href="1" title="vote" class="vote" >Up Vote</a>
  <br>
  <div class="result"></div>                                        

我的 Controller (ajax 正在向其发送值):

function hello() {
              $id=$this->input->post('id');
              echo $id;
             }      

现在我正在尝试实现的是获取 <div class="result"></div> 一侧的 server_response 值(从 Controller 发送的值)在我的 View 文件中。

我尝试了以下代码，但它没有显示 div 内的值。

能告诉我问题出在哪里吗？

Answer 1

问题是您有 Ajax success handler 的混合参数。首先是脚本返回的data，然后是textStatus。理论上它可以是“超时”、“错误”、“未修改”、“成功”或“解析器错误”。但是，在 success 中，textStatus 将始终成功。但如果您需要在错误时添加警报，您可以添加error处理程序。是的，将 $("#result") 中的选择器更改为 class。因此更正后的代码可能如下所示:

$.ajax({
    type: "POST",
    url: "<?php echo base_url(); ?>contents/hello",
    data: "id=" + a_href,
    success: function(data, textStatus) {
        $(".result").html(data);    
    },
    error: function() {
        alert('Not OKay');
    }
});​