Tips for transferring JSON data from wicket to JavaScript

Question

Tips for transferring JSON data from wicket to JavaScript

In my Java Script page, I have a function that calls Wicket Ajax:

function callWicketPage() {  
                wicketAjaxGet(
                urlCallback,
                function() {alert('success'); },
                function() { alert('failed');
                }); 
            }

And in the Wicket page, I have the following code:

   final AbstractDefaultAjaxBehavior behave = new AbstractDefaultAjaxBehavior() { 
    @Override
    public void renderHead(IHeaderResponse ihr) {
        super.renderHead(ihr);
        ihr.renderJavascript("var urlCallback = '" + this.getCallbackUrl() + "';", "insertedjavascript");
    } 
        protected void respond(final AjaxRequestTarget target) { 
        }
    };
    add(behave);

I am looking to send a JSON response from the Wicket page to JavaScript. How can I achieve this?

javascript ajax wicket

Answer 1

Answer №1

I highly recommend utilizing a ResourceReference instead in order to avoid the need for read/write access to the page instance and to facilitate easier client side script access.

If you prefer to stick with your current behavior-based approach:

class JsonBehavior extends AbstractDefaultAjaxBehavior {

    @Override
    protected void updateAjaxAttributes(AjaxRequestAttributes attributes) {
        super.updateAjaxAttributes(attributes);

        // Remember to specify the channel type (default: queue)
        attributes.setChannel(new AjaxChannel("json"));
    }

    @Override
    protected void respond(AjaxRequestTarget target) {
        RequestCycle rc = RequestCycle.get();

        rc.replaceAllRequestHandlers(new TextRequestHandler("application/json", "UTF-8", "{'json':'content'}"));
    }
}

Answer 2

I highly recommend utilizing a ResourceReference instead in order to avoid the need for read/write access to the page instance and to facilitate easier client side script access.

If you prefer to stick with your current behavior-based approach:

class JsonBehavior extends AbstractDefaultAjaxBehavior {

    @Override
    protected void updateAjaxAttributes(AjaxRequestAttributes attributes) {
        super.updateAjaxAttributes(attributes);

        // Remember to specify the channel type (default: queue)
        attributes.setChannel(new AjaxChannel("json"));
    }

    @Override
    protected void respond(AjaxRequestTarget target) {
        RequestCycle rc = RequestCycle.get();

        rc.replaceAllRequestHandlers(new TextRequestHandler("application/json", "UTF-8", "{'json':'content'}"));
    }
}

Tips for transferring JSON data from wicket to JavaScript

Answer №1

Similar questions

Converting hexadecimal to binary using Javascript or Typescript before writing a file on an Android or iOS device

How to retrieve the ID of a table column using jQuery in HTML

Unlocking hidden gridview column values with the power of jQuery

Develop a JavaScript application that contains a collection of strings, and efficiently sorts them with a time complexity of O(nlog n)

Create a new variable to activate a function within the parent component in Vue

Is there an undocumented property lurking in the depths of the Webpack server

Issues with Braintree webhooks and CSRF protection causing malfunction

Tips on transferring information from one function to another in React.js

Conceal object after a brief pause

Discovering the correct way of utilizing Vuelidate's minValue and maxValue functionality

HTML and JavaScript code to desaturate or grayscale image rollovers without the need for additional image duplicates or sprites

Connect jQuery's resizable controls

Tips for sending an array of input field values through an Ajax request

Changing the host in every URL within a string using node.js

Real-time Data Stream and Navigation Bar Location

Tips for retrieving data from functions that make HTTP requests in node.js?

Updating Variables in Azure DevOps Code Prior to DeploymentORModifying Variables

Prevent clicking on a specific column in a table using Jquery

Image Animation Using a Rotational Control (HTML/JavaScript/...)

Including jQuery in an Angular project generated with JHipster