Using JavaScript to Set Values and Manage Session State in APEX

Trying to utilize JavaScript in Oracle APEX to set the value and session state. See below function that is being called:

function updateItemValue(element) {
    $s('P2020_SELECTED', element);

    apex.server.process ('MY_PROCESS', {
         p_arg_name: 'P2020_SELECTED',
         p_arg_value: element
      });
    }

The display value (Line 2) will be updated, but unfortunately the session state remains unchanged. Upon loading the page in APEX, an error occurs.

Error: SyntaxError: Unexpected token P in JSON at position 0
javascriptoracleoracle-apex

Answer №1

Give this a shot:

Here is a function called setItemValue that sets the value of P2020_SELECTED to node and then processes MY_PROCESS with the page item P2020_SELECTED as parameter.
function setItemValue(node) {
  $s('P2020_SELECTED', node);              
  apex.server.process('MY_PROCESS',{
    pageItems: '#P2020_SELECTED'
  },{dataType: "text"});
}

Answer №2

Check out this alternate solution for your problem

function updateSessionValue(itemName){
    apex.server.process(
        "Custom Process to Update Session Value",
        {  
            item: "#" + itemName
        },
        {
            async: true, --> modify this if synchronous/asynchronous behavior is required
            "dataType": "text",
            "success": function(response){
                void(0);
            }
        }
    );
}

Answer №3

Here is an improved version with a practical example (Currently using APEX 19.2)

apex.server.process(
/* My suggestion would be to create an Application Process called DUMMY as an Ajax Callback with NULL content */
"DUMMY",
{pageItems: "#P4_GROUP_ID"}, /* Include comma-separated items e.g. #P1,#P2,#P3 */
{
    dataType: "text",
    async: true, /* Setting Async to true allows the code to execute asynchronously upon success */
    success: function(data) {
        console.log("Process completed successfully");
        console.log(data);
        apex.region('group-positions').refresh();
        apex.region('group-departments').refresh();
        apex.region('group-instructors').refresh();
        apex.region('group-attends').refresh();
    }
}

);

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

Creating users or custom roles in MongoDB on a NodeJS server is not currently possible

I have been attempting to directly create users on my database through our Express server, utilizing MongoDB 3.4 for the backend. Below is the current code snippet from the server: const express = require('express'); const bodyParser = require(& ...

javascriptmongodbexpresscreateuser

Guide to refreshing a localStorage variable before transferring it to an Ajax request

I have a scenario where I need to update the localStorage value when an option is clicked from a list. The data-id value of the clicked option should be stored in localStorage and then sent through an Ajax call. However, the issue I am facing is that the l ...

javascriptjqueryajaxhtml

The absence of data in a c# web api controller is causing issues with jQuery AJAX post requests

When I am sending data to a c# web api controller, I use the following method: $.ajax({ type: "POST", url: "menuApi/menu/Cost", data: JSON.stringify(order), contentType: "application/json", success: function (data) { window.alert(&apo ...

javascriptc#jqueryajax

jQuery mobile not recognizing the ID we specified

I am in the process of developing an audio application. My goal is to change the id of the Play button dynamically to "paused" when it is clicked. However, despite my efforts, clicking on the "paused" button does not pause the audio as intended. $(&ap ...

javascriptjquerycordovajquery-uijquery-mobile

React Router v6 is throwing an error stating that within the <Routes> component, all children must be either a <Route> or <React.Fragment>

While the code snippet below may have worked perfectly fine in React Router v5, it's causing an error in React Router v6. Error: [Player] is not a <Route> component. All component children of <Routes> must be a <Route> or <React ...

javascriptreactjsreact-routerreact-router-dom

Generate several different elements

Is it possible to use Vue.js to render a component multiple times based on a variable? For instance, I have a size variable set to 5 and I want to display the Widget component 5 times. Here is my current code snippet: Template : <template> &l ...

javascriptvue.jsvuejs2vue-componentv-for

Use JavaScript to overlay drawings onto an existing image

Within this particular image, I possess a compilation of pixel coordinates outlining the polygon segments that encompass all the objects contained within it (refer to the image provided below). For example, in relation to the individual, there exists a li ...

javascriptjqueryhtmlimagecanvas

What could be causing a template value in my AngularJS/Ionic Framework code to not be replaced properly?

Recently, I've been exploring the world of Ionic Framework with Angular by my side. However, I've hit a bit of a roadblock. My goal is to set up tabs at the bottom of my application using a model definition. Here's what I've tried so ...

javascriptangularjsnode.jsmobileionic-framework

Is there a way to turn off Sequelize syncing?

I need assistance with my nodejs project where I am trying to establish a connection with mysql. The issue is that the connection is automatically creating tables based on the models defined, which is not what I want. How can I disable this automatic table ...

javascriptmysqlnode.jssequelize.js

Tips for showing variables in Console directly from the Sources panel?

As I dive into debugging front-end code in Chrome, I am encountering a question that may seem basic to experienced developers. Specifically, while exploring the Sources panel within Chrome's Dev Tools, I find myself hovering over a variable labeled _ ...

javascriptangularjs

Error: Invariant Violation occurred with code 29 while using React Apollo and GraphQL

I encountered an error that says "Invariant Violation: 29." Could someone explain what this error means and if I missed something in my code that triggered it? The error occurred when I was trying to import the LocationSearch component into my index.js. im ...

javascriptreactjsmaterial-uiapolloapollo-client

Adding a click function to a div individually when they share the same class in HTML

My goal is to include 4 unique divs inside a timeline container: This is how I envision the structure: <div id="timeline" > <div class="timeline-bar t-1"></div> <div class="timeline-bar t-2"> ...

javascriptjqueryhtmlcss

Initiating an AJAX request to a JSP file

Attempting to make an ajax call to a jsp page as shown below: $(document).ready(function () { $('#photo').photobooth().on("image", function (event, dataUrl) { alert(dataUrl); //alert($('#mygroupuserid')); ...

javascriptajaxjsp

Tips for choosing or unselecting a row within a Table utilizing the Data Grid Mui

Is it possible to implement row selection and deselection in Mui without using the checkboxSelection prop? I am looking for a way to achieve this functionality in @mui/x-data-grid when clicking on a row. Below is the code snippet from the Table Component ...

javascriptreactjsmaterial-uidatagrid

magnificPopup experiencing difficulties when attempting to invoke a class that is dynamically generated within the HTML document

Currently, I am encountering an issue with the magnificPopup. Whenever I try to trigger the popup using the class 'popup-with-zoom-anim', it doesn't seem to work as expected. Has anyone else faced a similar problem before? <body> < ...

javascriptjqueryhtmlajaxmagnific-popup

Is it possible to include a JavaScript script in a Laravel Blade file?

I have an Auth module from nwidart/laravel-Module. I am trying to include a script file in the Modules\Auth\Resources\views\layouts\app.blade.php file, like this: <body> ...... ... <!-- Scripts --> <script s ...

javascriptphplaravellaravel-bladevite

Manipulate CSS Properties with Javascript Based on Dropdown Selection

I am currently working on implementing a feature that involves changing the CSS property visibility: of an <input> element using a JavaScript function triggered by user selection in a <select> dropdown. Here's what I have so far in my cod ...

javascriptjqueryhtmlcss

Converting an array of objects to an array based on an interface

I'm currently facing an issue with assigning an array of objects to an interface-based array. Here is the current implementation in my item.ts interface: export interface IItem { id: number, text: string, members: any } In the item.component.ts ...

javascriptarraysangulartypescript

How to iterate through two arrays using AngularJS ng-repeat

I have been attempting to create a specific layout by iterating through two arrays However, the output I am receiving from the ng-repeats does not match my desired view Below is the current code that I am working with: $scope.properties = ["First name", ...

javascriptangularjs

Error in Next.js Image Component: Missing SRC

Encountering an error with the next.js image component, specifically related to a missing "src" property. Error: Image is missing required "src" property. Make sure you pass "src" in props to the `next/image` component. Received: {} Th ...

javascriptnext.js