• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1358
  • Last Modified:

do i need to reload jquery and bootstrap js files if i submit a form via ajax?

Hello

Please can you tell me if I need to reload jquery and boostrap js files if I submit a form via ajax?

I was told by one source that I do but reading here it sounds like i dont but rather have to rebind the events

http://jetlogs.org/2009/01/29/re-binding-jquery-events-on-ajax-callbacks/

However my page uses 3rd party code which contains jquery. Being as I didnt write the 3rd party code I wouldn't know what rebinding was required

Please could you explain the process that happens regarding the jquery files and ajax postbacks
0
andieje
Asked:
andieje
  • 2
2 Solutions
 
GaryCommented:
No, once its loaded on the page that's it.
If you have dynamic elements that you need to bind then you use the .on function.  This will bind any events you have programmed to dynamic/new elements

e.g.
If you wanted to capture the onclick of a dynamic anchor tag you would be writing the jquery like so

$(document).on("click",".anchor-class",function(){
...
})


This will handle existing and new elements with the class.
0
 
Ray PaseurCommented:
Agree with Cathal.  The sequence of events in the client/server relationship is detailed in this article, which is required knowledge for web application developers.
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/A_11271-Understanding-Client-Server-Protocols-and-Web-Applications.html

Upon the first request for the page, the HTML, CSS and JavaScript components are prepared by the server and sent to the client machine.  Then the server disconnects and waits.  As long as the client browser is open, the same HTML, CSS and JavaScript is in control of the client experience until it is modified by something that may have come back from an AJAX request, or any other event.  So until there is another request to reload the page, the client environment is stable.
0
 
andiejeAuthor Commented:
Thanks for replies. I have read the recommended article but I still am not sure

So existing elements retain all their events associated with them?
If i add new elements and I wnat to capture their events then naturally i will have to bind to them - fair enough.

Is this correct?

Also while i'm thinking about it - though i know this is a separate question - do the stylesheets get aplied to dynamic elements created through ajax? I've not really dont ajax before. I will look this up but being a I'm here it makes sense to get a decent explanation of whats going on :)
0
 
GaryCommented:
So existing elements retain all their events associated with them
Yes - unless you unbind them they keep them.
If i add new elements and I wnat to capture their events then naturally i will have to bind to them
You can either bind them when loaded through ajax or cater for them in your jQuery code to begin with by using the .on example above.

do the stylesheets get aplied to dynamic elements created through ajax
Yes
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now