how to submit a form using ajax without page refresh in codeigniter?

Today, We want to share with you how to submit a form using ajax without page refresh in codeigniter?.In this post we will show you submit a form without page refresh using jquery php, hear for submit form without page refresh using javascript we will give you demo and example for implement.In this post, we will learn about How To Submit A Form Using Ajax Without Page Refresh? with an example.

Codeigniter Ajax Form Submit Example

Step 1: Make Table

Example created “tamilrockers” table

CREATE TABLE IF NOT EXISTS `tamilrockers` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  `description` varchar(255) NOT NULL,
  `created_at` datetime NOT NULL,
  `updated_at` datetime NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=

Step 2: Create Route

application/config/routes.php

$route['default_controller'] = 'welcome';
$route['404_override'] = '';
$route['translate_uri_dashes'] = FALSE;


$route['ajax-request'] = 'ItemController/ajaxRequest';
$route['ajax-requestPost']['post'] = 'ItemController/ajaxRequestPost';

Step 3: Create Controller

application/controllers/ItemController.php

load->database();
   }


   /**
    * Get All Data from this method.
    *
    * @return Response
   */
   public function ajaxRequest()
   {
       $data['data'] = $this->db->get("tamilrockers")->result();
       $this->load->view('itemlist', $data);
   }


   /**
    * Get All Data from this method.
    *
    * @return Response
   */
   public function ajaxRequestPost()
   {
      $data = array(
            'title' => $this->input->post('title'),
            'description' => $this->input->post('description')
        );
      $this->db->insert('tamilrockers', $data);


      echo 'Added successfully.';  
   }
}

Step 4: Make View File

application/views/itemlist.php

    
    
    




    

        

            
codeigniter ajax request - www.pakainfo.com
        
    




  

    Title:
    
  
  

    Description:
    
  
  

    

    Submit
  






  

      

          
Title
          
Description
      
  


  

         
      

          
title; ?>
          
description; ?>
      
   
  

I hope you get an idea about submit form without reloading page php.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.