Post Request to Wicket - wicket

Question

With Wicket,
How can I send the var slideCounter to Wicket?
Can someone provide an example?
I am unable find more information on this.
$(document).on('click', '.lean-overlay', function() {
var slideCounter = 0;
// TODO Send slidecounter to wicket
});

Answer 1

Sending the request is as simple as: Wicket.Ajax.post({"u": "the/url?slideCounter="+slideCounter})
The more complex part is to construct the/url.
To send it to a Component this Component should implement IRequestListener interface. To construct the url use: requestCycle.urlFor(component)
To send it to a Behavior better instantiate AbstractDefaultAjaxBehavior and use its #getCallbackUrl()
Once you have the url you need to store it in the page DOM, e.g. with OnDomReadyHeaderItem.forScript("window.TheUrl='"+theUrl+"';")

Answer 2

You have the possibility to call wicket code from javascript using ajax call backs. You can do something like this:
JAVA CODE:
AbstractDefaultAjaxBehavior behave = new AbstractDefaultAjaxBehavior() {
#Override
public void renderHead(Component component, IHeaderResponse response) {
super.renderHead(component, response);
String componentMarkupId = component.getMarkupId();
String callbackUrl = getCallbackUrl().toString();
response.render(JavaScriptHeaderItem.forScript(
"var componentMarkupId='" + componentMarkupId
+ "'; var callbackUrl='" + callbackUrl + "';",
"values"));
}
protected void respond(final AjaxRequestTarget target) {
IRequestParameters parameters = RequestCycle.get().getRequest()
.getQueryParameters();
// write yout java code here
// if you want to use the slideCounter variable
// you have to retrieve its value like this:
// parameters.getParameterValue("slideCounter").toString()
}
};
add(behave);
JAVASCRIPT CODE:
$(document).on('click', '.lean-overlay', function() {
var slideCounter = 0;
executeJava(slideCounter);
});
function executeJava(slideCounter) {
try {
var commandToSend = 'slideCounter=' + slideCounter;
var wcall = Wicket.Ajax.post({
u: callbackUrl + '&' + commandToSend
});
} catch (e) {
alert(e);
}
}