2012-05-18 31 views
0

我試圖檢索HTML並在頁面上顯示它,它似乎並沒有取得什麼...PHP AJAX調用不檢索任何

我的控制器腳本:

function index() 
{ 
    $this->load->view('ajax_post'); 
} 

public function ajaxify() 
{ 
    $message = "<b>hello</b>"; 
    echo $message; 
} 

我的JavaScript代碼:

$(document).ready(function(){ 
    $("#click").click( 
    function(){ 

     $.ajax({ 
     type: "POST", 
     url: "/index.php/ajax_post/ajaxify", 
     dataType: "html", 
     cache:false, 
     success: 
      function(data){ 
      $("#content").append(html); 
      } 

     }); 

     return false; 

    }); 


}); 

任何幫助,將不勝感激,因爲我是一個絕對的初學者使用jQuery/AJAX

謝謝

+0

您是否嘗試過使用'$( 「#content」)。html(data);'? – skos

+0

你有你的問題'url'屬性我認爲 –

+0

是與url有關的任何問題? –

回答

2

您的URL構建錯誤;如果你在Firebug中看到NET控制檯,它將顯示404(或500)。使用輔助函數的CI(網址助手):

$.ajax({ 
    type: "POST", 
    url: "<?php echo site_url('ajax_post/ajaxify');?>", 
    dataType: "html", 

或建立它手動包括域名:

$.ajax({ 
    type: "POST", 
    url: "http://www.yourdomain.com/index.php/ajax_post/ajaxify", 
    dataType: "html", 

確保將URL映射到正確的控制器/法(ajax_post.php控制器如果沒有定義路由分配,ajaxify方法)

旁註,append()附加到所選擇的元件的端部,如果要插入內部的元件使用$(selector).html(data);代替

2

你阿賈克斯成功處理函數:

function(data){ 
    $("#content").append(html); 
} 

有一個名爲data參數,但你嘗試添加不存在的變量html嘗試將其更改爲:

$("#content").append(data);