Is it possible to modify a gon (Ruby on Rails gem) variable?

Is there a method available that allows me to make an AJAX request and update the gon variable directly? I've tried using the gon.watch functionality, but it only acts as a getter function without altering the original object. I need the value of the gon variable to be updated for use in other JavaScript functions later on. Is there a solution for this currently?

Answer №1

Absolutely, it can be done.

To achieve this, just make sure to insert <%= include_gon %> at the beginning of the code block within the partial that is being updated during your AJAX call.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Iterating through an array step by step in NodeJS with a delay before processing each element

I have a set of instructions stored in an array that must be executed in a specific sequence: const commands = [ `git clone https://github.com/EliLillyCo/${repo}.git`, `cd ${repo}`, `git checkout -b ${branch}`, 'cp ../codeql-analysis.yml .github ...

Dynamic search results with AngularJS, HTML, and Bootstrap components

I am in need of an interface element to display search results. My ideal scenario is for a textbox to be shown initially, and then as the user begins typing, the search results will appear in a list format. My first thought was to use a combo-box with a s ...

Animating the scaling of a background image with JavaScript resulted in a jittery, unstable image

I'm encountering a shaking effect when I animate a DIV container with a background image using JS. How can I make the animation smoother? $('body').on('click', '#container', function() { $("#container").animate({ ...

What is the best way to transform this JSON data into an array of key-value pairs in JavaScript?

Dealing with nested JSON data can be challenging, especially when trying to extract key-value pairs efficiently. If anyone has suggestions on how to simplify this process and improve readability, please share your insights. The goal is to transform the ne ...

Can you please recommend some resources that showcase dynamic table editing using jqGrid?

Trying to navigate through the documentation found at can be overwhelming for someone new to this. I am looking for a straightforward way to retrieve data from a database, present it in a table format, allow for editing, and then save any changes back to ...

An asynchronized code block processes an array of multiple Ajax deferred calls, concluding with a synchronous final code block

I am new to the world of jQuery and AJAX and I'm currently exploring how deferrals and promises can help me solve a particular issue. Here's what I'm trying to achieve: I want to make calls to multiple URLs, process the returned results in p ...

Error Saving MongoDB Scheduled Trigger - How to Proceed?

This situation is becoming really frustrating. I decided to set up a scheduled trigger to run every 24 hours. It essentially extracts data from one collection, processes it, and then appends the information to another collection. Interestingly, the code wo ...

Guide to activating animation on one element when hovering over another element?

I am setting up an HTML 5 range element and looking to enhance the user experience. Specifically, I want to implement a feature where when the user hovers over the range, the height and width of the thumb should increase to 12 pixels. CSS .myrange::-webk ...

The aspect ratio of an image is being calculated by loading the image twice

I am currently facing the issue where the same image is loading twice for a single preview. The first time the image is loaded for preview purposes in an iframe. The second time, the image metadata such as width and height are fetched with the same path. ...

Update the array with the new data by setting the state

Is it possible to edit and save data in an array while iterating through it using this.state.data.map()? If so, what is the best approach to achieve this? Check out this live example for reference. Below is a sample code snippet: class App extends React ...

Facing a roadblock with a Jquery plugin due to an issue with events

I am in the process of developing a basic jQuery plugin that will include a textarea or textbox along with a button. When the button is clicked, I aim to retrieve the value entered in the corresponding textarea or textbox. While I have made some progress ...

Determine the percentage-based width of a grid layout cell

My attempt to create a responsive grid layout is lacking in the mathematical department... Seriously, I'm not a math genius. This is my goal: Determine the width of the container holding the grid elements. Apply a 20px right and bottom margin to al ...

What is the best way to convert a dynamic HTML table with input fields into an Excel spreadsheet?

I have developed a JavaScript function to convert an HTML table into an Excel sheet. However, I am facing an issue where some fields in the table are enclosed in input tags instead of td tags, causing them to not appear in the Excel sheet. function expo ...

When using JavaScript to style.display = "block", the Bootstrap-4 column layout may experience a display break

My div is initially displaying properly in one row at the beginning. However, when the user changes the select option to "b" and then back to "a," the display breaks. The two texts "my left side text" and "my right text" are displayed on two lines, one be ...

Tips for setting a unique JWT secret in next-auth for production to prevent potential issues

Is there a way to properly set a JWT secret in NextAuth.js v4 to prevent errors in production? I have followed the guidelines outlined in the documentation, but I am still encountering this warning message without any further explanation: [next-auth][warn] ...

Does anyone have any firsthand experience with Internet Explorer performing poorly on a VPS?

Our team recently completed a portal project that is now live and operational. After thorough testing, everything seemed to be working perfectly until a customer used Internet Explorer with Citrix VPS, causing the page to take 12 seconds to fully load. Co ...

conflicting character encoding systems

Request normally comes in this format: Parameters: {"utf8"=>"✓", "status_id"=>"12686"} However, from one particular client, the request looks like this: Parameters: {"utf8"=>"\xE2??", "status_id"=>"12686"} As a result, I am encounter ...

Traverse Through Collection of Vue Elements

I am working on creating an array of Vue Components based on a configuration file containing various UI sections to display; const config = [ 'summarySection', 'scoreSection', 'educationSection' ] I am attempting to ma ...

The element type provided is not valid: it is expected to be a string (for built-in components) or a class/function (for composite components) but instead it is undefined. This error

I am encountering an error of Element type is invalid: expected a string (for built-in components) or a class/function (for composite components). It seems like I may have forgotten to export my component from the file it was defined in, or there could be ...

What are some ways to make use of data fetched through ajax requests?

This code is functioning properly and successfully retrieving data from the server. The data consists of [{id: someId, name: someName}, {..}....{...}] SJA.ajax(dataToSend, function (respond) { if (respond) { for (var i in respond) { console ...