Solved

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

Posted on 2014-03-01
4
1,208 Views
Last Modified: 2014-03-04
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
Comment
Question by:andieje
  • 2
4 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
Comment Utility
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
 
LVL 108

Assisted Solution

by:Ray Paseur
Ray Paseur earned 250 total points
Comment Utility
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
 

Author Comment

by:andieje
Comment Utility
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
 
LVL 58

Expert Comment

by:Gary
Comment Utility
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
Since pre-biblical times, humans have sought ways to keep secrets, and share the secrets selectively.  This article explores the ways PHP can be used to hide and encrypt information.
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now