我一直在寻找一个关于如何使用AJAX和Codeigniter(我是一个AJAX新手)的完整工作示例.我见过的帖子/帖子很旧 - 所有的编程语言都已经开始了.
我想在页面上有一个输入表单,它返回页面的内容(例如变量,数据库查询结果或html格式的字符串),而不需要刷新页面.在这个简单的示例中是一个带有输入字段的页面,它将用户输入插入到数据库中.我想在提交输入后加载不同的视图.如果我能理解如何做到这一点,我就能适应它做任何我需要的事情(希望它也能帮助别人!)
我在我的'测试'控制器中有这个:
function add(){
$name = $this->input->post('name');
if( $name ) {
$this->test_model->put( $name );
}
}
function ajax() {
$this->view_data["page_title"] = "Ajax Test";
$this->view_data["page_heading"] = "Ajax Test";
$data['names'] = $this->test_model->get(); //gets a list of names
if ( $this->input->is_ajax_request() ) {
$this->load->view('test/names_list', $data);
} else {
$this->load->view('test/default', $data);
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的观点,名为'ajax'(所以我通过URL访问www.mysite.com/test/ajax)
<script type="text/javascript">
jQuery( document ).ready( function() {
jQuery('#submit').click( function( e ) {
e.preventDefault();
var msg = jQuery('#name').val();
jQuery.post("
<?php echo base_url(); ?>
test/add", {name: msg}, function( r …Run Code Online (Sandbox Code Playgroud)