2014-07-01 84 views
0

我正在嘗試AJAX的jQuery方式。首先,我從w3school複製了一個代碼 。它運行良好。通過AJAX加載codeigniter視圖

然後,我將代碼放在Codeigniter的視圖頁面中,並將服務器端頁面放在views文件夾中。 它不起作用。 我確定問題出在網址上。

這是一個普通的PHP項目工作,但是,當複製到一個笨查看它不是代碼:

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("#div1").load("demo_test.txt",function(responseTxt,statusTxt,xhr){ 
     if(statusTxt=="success") 
     alert("External content loaded successfully!"); 
     if(statusTxt=="error") 
     alert("Error: "+xhr.status+": "+xhr.statusText); 
    }); 
    }); 
}); 
</script> 

我認爲這個問題已經得到了與URL以及如何笨框架處理做網址。我應該如何編寫URL才能正常工作?

+0

該控制器你'.txt'文件所在的位置?也請看['base_url()'](http://ellislab.com/codeigniter/user-guide/helpers/url_helper.html)幫助函數 –

回答

1

你必須加載視圖控制器中,然後就可以加載使用jQuery

<script> 
    $(document).ready(function(){ 
    $("button").click(function(){ 
     $("#div1").load("controllerName",function(responseTxt,statusTxt,xhr){ 
     if(statusTxt=="success") 
      alert("External content loaded successfully!"); 
     if(statusTxt=="error") 
      alert("Error: "+xhr.status+": "+xhr.statusText); 
     }); 
    }); 
}); 
</script> 
+0

謝謝。那有效! –

+0

+1如果.htaccess和/或路由設置正確,它可以在單獨的文件(無控制器)下工作。 – Shomz