php ci ajax提交,php - Codeigniter AJAX Example - Stack Overflow

I've been looking for a week now for a decent full working example of how to use AJAX with Codeigniter (I'm an AJAX novice). The posts / tuts I've seen are old - all the programming languages have moved on.

I want to have an input form on a page which returns something to the page (e.g. a variable, database query result or html formatted string) without needing to refresh the page. In this simple example is a page with an input field, which inserts the user input into a database. I'd like to load a different view once the input is submitted. If I could understand how to do this I'd be able to adapt it to do whatever I needed (and hopefully it would help others too!)

I have this in my 'test' controller:

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);

}

}

Here is my view, named 'ajax' (so I access this through the URL www.mysite.com/test/ajax)

jQuery( document ).ready( function() {

jQuery('#submit').click( function( e ) {

e.preventDefault();

var msg = jQuery('#name').val();

jQuery.post("

test/add", {name: msg}, function( r ) {

console.log(r);

});

});

});

All that happens currently is that I type in an input, updates the database and displays the view "test/default" (it doesn't refresh the page, but doesn't display "test/names_list" as desired. Many thanks in advance for any help, and for putting me out of my misery!