Using AJAX to submit a form to a CodeIgniter 3 controller

Question

Using AJAX to submit a form to a CodeIgniter 3 controller

I am working on adding a notification feature and need to run an ajax query through the controller when a button is clicked.

Here's the script I'm using:

 $('#noti_Button').click(function (e) {
            e.preventDefault();
             $.ajax({
                url: '<?php echo site_url("profile/read_notif")?>'

            });
});

The Controller:

public function read_notif(){
        $this->profile_model->read_notifs($data['id']);
        return;
    }

And the Model:

function read_notifs($id)
    {
        $read = array(
            'read' => '1'
        );
        $this->db->where('recipient', $id);
        $this->db->update('tbl_notifications', $read);
        return;
    }

After trying this method, I noticed that the database wasn't being updated as expected. In my HTML, it's just a simple button.

javascript ajax codeigniter

Answer 1

Answer №1

Snippet

$('#notificationButton').on('click', function (event) {
        event.preventDefault();
         $.ajax({
            url: '<?php echo site_url("profile/read_notif")?>',
            success:function(response)
            {
                alert(response);
            }

        });
    });

Handler

public function read_notification(){
        $this->profile_model->mark_as_read($data['id']);
        echo $this->db->last_query();
    }

Answer 2

Snippet

$('#notificationButton').on('click', function (event) {
        event.preventDefault();
         $.ajax({
            url: '<?php echo site_url("profile/read_notif")?>',
            success:function(response)
            {
                alert(response);
            }

        });
    });

Handler

public function read_notification(){
        $this->profile_model->mark_as_read($data['id']);
        echo $this->db->last_query();
    }

Answer 3

Answer №2

Implementing an AJAX call in Ruby on Rails can be achieved with this code snippet. Here, we are using the controller to fetch data based on user input.

$('#Button').on('change', function(event) {
  var selected_resource_id = $(this).val();
  $.ajax({ 
   type: 'GET', 
   url: "<%= Home_index_path %>",
   data: { id: selected_resource_id }, 
   success: function (data) {  
    alert("AJAX request successful");
   }
  });
});

Answer 4

Implementing an AJAX call in Ruby on Rails can be achieved with this code snippet. Here, we are using the controller to fetch data based on user input.

$('#Button').on('change', function(event) {
  var selected_resource_id = $(this).val();
  $.ajax({ 
   type: 'GET', 
   url: "<%= Home_index_path %>",
   data: { id: selected_resource_id }, 
   success: function (data) {  
    alert("AJAX request successful");
   }
  });
});

Answer 5

Answer №3

Make sure to use the error function to verify if there are any errors when submitting your form.

$('#button').click(function (e) {
        e.preventDefault();
         $.ajax({
            url: '<?php echo site_url("profile/read_notif")?>',
            success:function(data)
            {
                alert(data);
            }

        });
    });

Answer 6

Make sure to use the error function to verify if there are any errors when submitting your form.

$('#button').click(function (e) {
        e.preventDefault();
         $.ajax({
            url: '<?php echo site_url("profile/read_notif")?>',
            success:function(data)
            {
                alert(data);
            }

        });
    });

Using AJAX to submit a form to a CodeIgniter 3 controller

Answer №1

Answer №2

Answer №3

Similar questions

Steps for creating a node.js and ejs file to deploy on 000webhost

How to retrieve an array from a JSON object with JavaScript

communicating global variables between Django and JavaScript

When you click on the column header to sort, the corresponding column row changes color in JavaScript

Guide on utilizing getelementsbytagname for retrieving LI values

ExpressJS looping back

Optimizing JavaScript for efficient handling of large arrays

Require assistance in getting a slider operational

Passing entire database records from model to view in Codeigniter

Arrays passed as query parameters to Next.js router.query may result in the value being

Trouble with retrieving dates in ISO format

The issue lies with Express Mongoose failing to store the data

Navigate to a different directory within Cypress by utilizing the cy.exec() function

Looking for assistance in establishing a connection between Node.js and Angular.js

What steps can I take to ensure that my React child components will render successfully, even if a prop is absent

Running JavaScript functions that make asynchronous calls to multiple endpoints simultaneously

Organize nested level components in react native into a more structured order

Trigger a jQuery event when a different selection is made in the dropdown menu

Develop a series of sequential tests for the playwright to execute

Using Vue to cycle through an array of objects, and emphasize the chosen item by clicking on it