無法從ajax請求中獲取來自php返回的響應

Question

我試圖從php代碼訪問輸出到jquery ajax。但我不知道爲什麼它會返回包含結果的整個頁面html。任何人都可以告訴我這件事。在Firefox的控制檯它顯示我的頁面html包括PHP結果的響應。但在jQuery代碼console.log沒有命中。

這裏是jQuery代碼

function getprofile() 
{ 
    $.ajax({ 
      url: 'Userpage/get_profile', 
      //data: {'title': title}, change this to send js object 
      type: "post", 
      dataType: 'json', 
      data: {'userid': 1}, 
      success: function(data) { 

      console.log(data); 
      } 
     }); 
} 

我的PHP代碼

<?php 

if (!defined('BASEPATH')) 
    exit('No direct script access allowed'); 
class Userpage extends CI_Controller 
{ 


    function __construct() 
    { 

     parent::__construct(); 

     $this->load->helper('url'); 
     $this->load->helper('form'); 
     $this->load->library("session"); 
     $this->load->model("Userpage_model"); 
     $this->load->view('Userpage_view'); 
    } 

    public function index() 
    { 

    } 


    public function get_profile() 
    { 
     $data = array(); 
     $post_id = $this->input->post('userid'); 
     $data['comments'] = $this->Userpage_model->get_profile($post_id); 
     echo json_encode($data['comments']); 
     exit; 
    } 


} 
?> 

請檢查代碼，並告訴我在哪裏，我錯了

感謝

Answer 1

使用exit

public function get_profile() 
    { 
     $data = array(); 
     $post_id = $this->input->post('userid'); 
     $data['comments'] = $this->Userpage_model->get_profile($post_id); 
     echo json_encode($data['comments']); 
     exit; // use exit here 
    } 

編輯

PHP用來渲染過程中設置頁面的屬性稱爲header()特殊功能。

Answer 2

你需要從你的函數返回，用出口是好的，但它不是一個很好的做法

public function get_profile() 
    { 
     $data = array(); 
     $post_id = $this->input->post('userid'); 
     $data['comments'] = $this->Userpage_model->get_profile($post_id); 
     return json_encode($data['comments']); 
    } 

Answer 3

您正在使用CI。從這個Ajax調用：

$.ajax({ 
    url: 'Userpage/get_profile', 
    success: function(data) { 
     console.log(data); 
    } 
}); 

你期望Ajax調用正在以get_profile作出行動中Userpage控制器，這可能會返回：

{ 
    "comments": [ 
     { ... }, 
     { ... }, 
     { ... }, 
     ... 
    ] 
} 

將在瀏覽器控制檯登錄。

但是，你會得到意想不到的結果吧？

我認爲，您的ajax調用會導致錯誤。爲了證明這一點，修改你的Ajax調用：

$.ajax({ 
    url: 'Userpage/get_profile', 
    success: function(data) { 
     console.log(data); 
    }, 
    error: function(jqXHR, textStatus, errorThrown) { 
     // add this function to logs error 
     console.log(textStatus + ': ' + errorThrown); 
    } 
}); 

現在，如果在錯誤的Ajax調用的結果，你可以看到在瀏覽器控制檯中的錯誤。我很肯定你會在瀏覽器控制檯中得到錯誤：未找到。

您正在使用CI，該網址將是這樣的：

http://<something>/index.php/site/index 

在此頁面中，如果您使用的URL Userpage/get_profile Ajax調用，什麼瀏覽器確實是讓Ajax調用：

http://<something>/index.php/site/index/Userpage/get_profile 

，而不是你所期望的：

http://<something>/index.php/Userpage/get_profile 

爲了解決這個問題，就必須改變請在您的ajax調用中將的值指向上面的正確網址。

site_url('Userpage/get_profile') 

我通常在HTML某處打印這個URL，並且AJAX調用期間從JavaScript檢索：

通過使用CI的absoulte以上網址可以用SITE_URL（）功能的幫助下產生。