Ajax response how to Reload JQuery(JavaScript)

Question

Our application is JSF2 framework when we make Ajax Calls in certain scenarios we need to re-invoke the java-script(jQuery-for UI style) ,when the Ajax response returns back from server.

The javascripts are not getting called ,when the Ajax response come back..

Is there any way to enable this ?

BalusC · Accepted Answer · 2012-01-24 17:02:32Z

1

Either use jQuery.delegate() or jQuery.on() (depending on jQuery version) instead to reapply the functions on every change in the HTML DOM tree, e.g.:

jQuery(selector).on(eventName, callbackFunction);

or let JSF re-invoke the JS functions by specifying an JSF ajax event handler by jsf.ajax.addOnEvent, e.g.:

jsf.ajax.addOnEvent(function(data) {
    if (data.status == "success") { // Can be 'begin', 'complete' and 'success'.
        // Re-invoke your JS functions here.
    }
});

answered Jan 24, 2012 at 17:02

BalusC

1.1m377 gold badges3.7k silver badges3.6k bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

user684434 Over a year ago

Thanks Balucs...is there evenName for Ajax is Load ?jQuery(selector).on("load", callbackFunction);

BalusC Over a year ago

For example, yes. It's just the standard HTML DOM event name. You only need to keep in mind the load event isn't invoked on ajax responses. You rather want to modify whatever you're doing inside the existing onload function.

user684434 Over a year ago

Just to clarify ,so this jQuery.on will not be called if iput the "load" event.

BalusC Over a year ago

No because it's fired only once. You need addOnEvent() here. Or to use on() on whatever you're doing inside your current onload handler function. E.g. jQuery(document).ready(function() { jQuery(someSelector).click(someCallback); }); should then be jQuery(document).ready(function() { jQuery(someSelector).on("click", someCallback); }); .

BalusC Over a year ago

You're talking about jsf.ajax.addOnEvent()? You need to ensure that it is fired after the auto-included JSF JavaScript. Put it in $(document).ready() or something.

|

Collectives™ on Stack Overflow

Ajax response how to Reload JQuery(JavaScript)

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related