AJAX響應返回html內容

Question

我在我的codeigniter項目中有一個AJAX調用。這裏是我的代碼：

鑑於

：

$('#forgotPassword').click(function() { 
     var base_url = '<?php echo base_url()?>'; 
     $('#forgotPasswordEmailError').text(''); 
     var email = $('#forgotPasswordEmail').val(); 
     console.log(email); 
     if(email == ''){ 
      $('#forgotPasswordEmailError').text('Email is required'); 
     }else{ 
      $.ajax({ 
       url : base_url + 'Home/forgotPassword', 
       type : 'POST', 
       data : {email : email}, 
       success: function(data) {  
        console.log(data);     
        //location.reload(); 
       } 
      }); 
     } 

    }); 

和控制器：

public function forgotPassword() { 
    $email = $this->input->post('email'); 
    echo $email; 
} 

但響應只包含從我查看HTML內容。我無法確定發生了什麼事。

Answer 1

改變你的jQuery代碼到

$('#forgotPassword').click(function() { 
    var base_url = '<?php echo base_url()?>'; 
    $('#forgotPasswordEmailError').text(''); 
    var email = $('#forgotPasswordEmail').val(); 
    console.log(email); 
    if(email == ''){ 
     $('#forgotPasswordEmailError').text('Email is required'); 
    }else{ 
     $.ajax({ 
      url : base_url + 'Home/forgotPassword', 
      type : 'POST', 
      data : {email : email}, 
      dataType:'json', 
      success: function(data) {  
       console.log(data);     
       //location.reload(); 
      } 
     }); 
    } 

}); 

變化控制器代碼像

public function forgotPassword() { 
    $email = $this->input->post('email'); 
    $response = ["email" => $email]; 
    echo json_encode($response); 
} 

Answer 2

而不是

echo $email; 

使用：

$response = ["email" => $email]; 

return json_encode($response); 

和解析JSON，在客戶端，使用JSON.parse。